/* Minification failed. Returning unminified contents.
(15976,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15977,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15978,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15979,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15980,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15981,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15982,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15983,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15984,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15985,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15987,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15988,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15989,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15990,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15991,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15992,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15993,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15994,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(15996,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(16078,28): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(16097,28): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(16102,18): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(16103,17): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(16104,22): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(16105,21): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(16106,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(16111,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(16112,26): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(16113,31): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(16114,30): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(16119,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(16120,26): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(16121,31): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(16122,30): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(16127,27): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(16128,26): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(16129,31): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(16130,30): run-time error CSS1039: Token not allowed after unary operator: '-icon-size'
(16155,32): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(16542,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(16554,17): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(16715,21): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(16761,17): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(16874,21): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(16913,17): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(16919,28): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(16980,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(16987,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(17004,17): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(17005,28): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(17011,32): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(17017,17): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(17028,32): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(17576,28): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(17599,17): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(17613,17): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(17628,48): run-time error CSS1030: Expected identifier, found '['
(17628,60): run-time error CSS1031: Expected selector, found '='
(17628,60): run-time error CSS1025: Expected comma or open brace, found '='
(17649,28): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(17652,17): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(17959,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(17959,49): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(17960,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(17960,52): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(17961,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(17961,44): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18029,25): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(18061,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(18083,23): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18084,26): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18086,45): run-time error CSS1039: Token not allowed after unary operator: '-black'
(18087,48): run-time error CSS1039: Token not allowed after unary operator: '-black'
(18088,40): run-time error CSS1039: Token not allowed after unary operator: '-black'
(18102,28): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18123,22): run-time error CSS1039: Token not allowed after unary operator: '-logo-height'
(18129,27): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(18136,38): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18137,41): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18138,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18147,29): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(18152,29): run-time error CSS1039: Token not allowed after unary operator: '-black'
(18160,42): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18161,45): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18162,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18225,51): run-time error CSS1039: Token not allowed after unary operator: '-black'
(18226,54): run-time error CSS1039: Token not allowed after unary operator: '-black'
(18227,46): run-time error CSS1039: Token not allowed after unary operator: '-black'
(18264,32): run-time error CSS1039: Token not allowed after unary operator: '-background-color-faded'
(18319,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18393,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18393,51): run-time error CSS1039: Token not allowed after unary operator: '-logo-height'
(18768,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(18950,36): run-time error CSS1039: Token not allowed after unary operator: '-purple-faded'
(18951,38): run-time error CSS1039: Token not allowed after unary operator: '-purple-faded'
(18952,37): run-time error CSS1039: Token not allowed after unary operator: '-purple-faded'
(18972,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18973,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18974,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18979,32): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18979,47): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18979,62): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18980,35): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18980,50): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18980,65): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18981,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18981,42): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(18981,57): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(19004,30): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(19005,33): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(19006,27): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(19006,42): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(19006,57): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(19007,28): run-time error CSS1039: Token not allowed after unary operator: '-purple-faded'
(19019,35): run-time error CSS1039: Token not allowed after unary operator: '-purple-faded'
(19050,28): run-time error CSS1039: Token not allowed after unary operator: '-purple-faded'
(19090,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(19103,36): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(19152,24): run-time error CSS1039: Token not allowed after unary operator: '-purple-faded'
(19185,24): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(19185,47): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(19185,62): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(19185,77): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(19186,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-faded'
(19187,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(19280,17): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(19283,34): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(19284,33): run-time error CSS1039: Token not allowed after unary operator: '-background-color'
(19292,70): run-time error CSS1030: Expected identifier, found '~'
(19292,85): run-time error CSS1031: Expected selector, found ')'
(19292,85): run-time error CSS1025: Expected comma or open brace, found ')'
(19298,47): run-time error CSS1030: Expected identifier, found '~'
(19298,60): run-time error CSS1031: Expected selector, found ')'
(19298,60): run-time error CSS1025: Expected comma or open brace, found ')'
(19308,36): run-time error CSS1030: Expected identifier, found '~'
(19308,60): run-time error CSS1031: Expected selector, found ')'
(19308,60): run-time error CSS1025: Expected comma or open brace, found ')'
(19313,38): run-time error CSS1030: Expected identifier, found '~'
(19313,62): run-time error CSS1031: Expected selector, found ')'
(19313,62): run-time error CSS1025: Expected comma or open brace, found ')'
(19318,38): run-time error CSS1030: Expected identifier, found '~'
(19318,62): run-time error CSS1031: Expected selector, found ')'
(19318,62): run-time error CSS1025: Expected comma or open brace, found ')'
(19323,38): run-time error CSS1030: Expected identifier, found '~'
(19323,62): run-time error CSS1031: Expected selector, found ')'
(19323,62): run-time error CSS1025: Expected comma or open brace, found ')'
(19328,38): run-time error CSS1030: Expected identifier, found '~'
(19328,62): run-time error CSS1031: Expected selector, found ')'
(19328,62): run-time error CSS1025: Expected comma or open brace, found ')'
(19376,1): run-time error CSS1019: Unexpected token, found '@'
(19416,24): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(19416,47): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(19416,62): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(19416,77): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(19417,28): run-time error CSS1039: Token not allowed after unary operator: '-background-color-faded'
(19418,25): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(19432,28): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(19440,17): run-time error CSS1039: Token not allowed after unary operator: '-gold'
(19529,28): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(19530,41): run-time error CSS1039: Token not allowed after unary operator: '-duration'
(19531,39): run-time error CSS1039: Token not allowed after unary operator: '-duration'
(19532,44): run-time error CSS1039: Token not allowed after unary operator: '-duration'
(19533,36): run-time error CSS1039: Token not allowed after unary operator: '-duration'
(19549,28): run-time error CSS1039: Token not allowed after unary operator: '-pink'
(19550,41): run-time error CSS1039: Token not allowed after unary operator: '-duration'
(19551,39): run-time error CSS1039: Token not allowed after unary operator: '-duration'
(19552,44): run-time error CSS1039: Token not allowed after unary operator: '-duration'
(19553,36): run-time error CSS1039: Token not allowed after unary operator: '-duration'
(19572,30): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(19747,35): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(19758,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19759,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19760,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19761,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19762,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19763,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19764,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19765,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19766,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19795,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19796,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19797,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19798,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19799,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19800,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19801,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19802,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19803,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19804,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19805,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19806,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19807,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19808,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19809,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19810,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19811,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19817,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(19927,22): run-time error CSS1039: Token not allowed after unary operator: '-media-control-background'
(19928,19): run-time error CSS1039: Token not allowed after unary operator: '-media-control-padding'
(19930,23): run-time error CSS1039: Token not allowed after unary operator: '-media-text-content-height'
(19930,56): run-time error CSS1039: Token not allowed after unary operator: '-media-control-height'
(19961,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(19963,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20142,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20144,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20486,30): run-time error CSS1046: Expect comma, found '33'
(20486,35): run-time error CSS1046: Expect comma, found '/'
(20545,19): run-time error CSS1039: Token not allowed after unary operator: '-padding'
(20589,19): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(20609,34): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(20610,37): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(20611,29): run-time error CSS1039: Token not allowed after unary operator: '-spacing'
(20618,25): run-time error CSS1039: Token not allowed after unary operator: '-purple'
(20698,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20701,5): run-time error CSS1035: Expected colon, found '{'
(20710,1): run-time error CSS1019: Unexpected token, found '@-webkit-keyframes'
(20712,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20725,1): run-time error CSS1019: Unexpected token, found '@keyframes'
(20727,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '0%'
(20861,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20869,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20890,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(20891,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
/*! jQuery UI - v1.12.1 - 2017-01-12
* http://jqueryui.com
* Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css
* Copyright jQuery Foundation and other contributors; Licensed MIT */

.ui-draggable-handle {
    -ms-touch-action: none;
    touch-action: none;
}
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
    content: "";
    display: table;
    border-collapse: collapse;
}

.ui-helper-clearfix:after {
    clear: both;
}

.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0); /* support: IE8 */
}

.ui-front {
    z-index: 100;
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
    pointer-events: none;
}


/* Icons
----------------------------------*/
.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: relative;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8px;
    display: block;
}

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    display: block;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}

.ui-selectable {
    -ms-touch-action: none;
    touch-action: none;
}

.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}

.ui-sortable-handle {
    -ms-touch-action: none;
    touch-action: none;
}

/** 
 * Kendo UI v2016.1.406 (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.                                                                                                      
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/
/* Kendo base CSS */
.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-slider-items:after,
.k-grid-toolbar:after {
    content: "";
    display: block;
    clear: both;
    visibility: hidden;
    height: 0;
    overflow: hidden;
}

.k-floatwrap,
.k-slider-items,
.k-grid-toolbar {
    display: inline-block;
}

.k-floatwrap,
.k-slider-items,
.k-grid-toolbar {
    display: block;
}
/* main gradient */
.k-block,
.k-button,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-tooltip,
.k-pager-wrap,
.k-tabstrip-items .k-item,
.k-link.k-state-hover,
.k-textbox,
.k-textbox:hover,
.k-autocomplete,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-autocomplete.k-state-hover,
.k-dropdown-wrap.k-state-hover,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-hover,
.k-draghandle {
    background-repeat: repeat;
    background-position: 0 center;
}

.k-link:hover {
    text-decoration: none;
}

.k-state-highlight > .k-link {
    color: inherit;
}
/* widget */
.k-textbox > input,
.k-input[type="text"],
.k-input[type="number"],
.k-textbox,
.k-picker-wrap .k-input,
.k-button {
    font-size: 100%;
    font-family: inherit;
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none;
}

.k-widget,
.k-block,
.k-inline-block,
.k-draghandle {
    border-style: solid;
    border-width: 1px;
    -webkit-appearance: none;
}

.k-block,
.k-widget {
    line-height: normal;
    outline: 0;
}

    .k-widget ::-ms-clear {
        width: 0;
        height: 0;
    }
/* Block */
.k-block {
    padding: 2px;
}
/* button */
.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[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 {
        cursor: default;
    }

a.k-button {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
}
/* Override the important default line-height in Firefox 4+ */
.k-ff input.k-button {
    padding-bottom: 0.37em;
    padding-top: 0.37em;
}

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

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

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

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

.k-button-icontext {
    overflow: visible;
    /*IE9*/
}

.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: -0.3rem;
}

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

html body .k-button-bare {
    background: none !important;
    /*spares long selectors*/
    color: inherit;
    border-width: 0;
}

    html body .k-button-bare.k-upload-button:hover {
        color: inherit;
    }
/* link */
.k-link {
    cursor: pointer;
    outline: 0;
    text-decoration: none;
}

.k-grid-header span.k-link {
    cursor: default;
}
/* states */
.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-icon,
.k-state-disabled .k-button,
.k-state-disabled .k-draghandle,
.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;
}
/* icons */
.k-icon,
.k-sprite,
.k-button-group .k-tool-icon {
    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;
        /* should never be a background on these */
    }
/* In IE7 vertical align: middle can't be overridden */
.k-ie8 .k-icon,
.k-ie8 .k-sprite,
.k-ie8 .k-button-group .k-tool-icon {
    vertical-align: middle;
}

:root * > .k-icon,
:root * > .k-sprite,
:root * > .k-button-group .k-tool-icon {
    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 0px;
}

.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-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-n,
.k-textbox:hover .k-state-selected .k-i-arrow-n,
.k-button:active .k-state-selected .k-i-arrow-n {
    background-position: -32px 0px;
}

.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-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-button:not(.k-state-disabled):hover .k-state-selected .k-i-arrow-s,
.k-textbox:hover .k-state-selected .k-i-arrow-s,
.k-button:active .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: 0px 0px;
}

.k-grid-header th > .k-link:hover span.k-i-arrow-s {
    background-position: 0px -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: 0px 0px;
}

.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-button:not(.k-state-disabled):hover .k-i-arrow-n,
.k-textbox:hover .k-i-arrow-n,
.k-button:active .k-i-arrow-n {
    background-position: -16px 0px;
}

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

.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-button:not(.k-state-disabled):hover .k-i-arrow-e,
.k-textbox:hover .k-i-arrow-e,
.k-button:active .k-i-arrow-e {
    background-position: -16px -16px;
}

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

.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-button:not(.k-state-disabled):hover .k-i-arrow-w,
.k-rtl .k-textbox:hover .k-i-arrow-w,
.k-rtl .k-button:active .k-i-arrow-w {
    background-position: -16px -16px;
}

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

.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-button:not(.k-state-disabled):hover .k-i-arrow-s,
.k-textbox:hover .k-i-arrow-s,
.k-button:active .k-i-arrow-s {
    background-position: -16px -32px;
}

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

.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-button:not(.k-state-disabled):hover .k-i-arrow-w,
.k-textbox:hover .k-i-arrow-w,
.k-button:active .k-i-arrow-w {
    background-position: -16px -48px;
}

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

.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-button:not(.k-state-disabled):hover .k-i-arrow-e,
.k-rtl .k-textbox:hover .k-i-arrow-e,
.k-rtl .k-button:active .k-i-arrow-e {
    background-position: -16px -48px;
}

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

.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-button:not(.k-state-disabled):hover .k-i-seek-n,
.k-textbox:hover .k-i-seek-n,
.k-button:active .k-i-seek-n {
    background-position: -16px -64px;
}

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

.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-button:not(.k-state-disabled):hover .k-i-seek-e,
.k-textbox:hover .k-i-seek-e,
.k-button:active .k-i-seek-e {
    background-position: -16px -80px;
}

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

.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-button:not(.k-state-disabled):hover .k-i-seek-w,
.k-rtl .k-textbox:hover .k-i-seek-w,
.k-rtl .k-button:active .k-i-seek-w {
    background-position: -16px -80px;
}

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

.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-button:not(.k-state-disabled):hover .k-i-seek-s,
.k-textbox:hover .k-i-seek-s,
.k-button:active .k-i-seek-s {
    background-position: -16px -96px;
}

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

.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-button:not(.k-state-disabled):hover .k-i-seek-w,
.k-textbox:hover .k-i-seek-w,
.k-button:active .k-i-seek-w {
    background-position: -16px -112px;
}

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

.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-button:not(.k-state-disabled):hover .k-i-seek-e,
.k-rtl .k-textbox:hover .k-i-seek-e,
.k-rtl .k-button:active .k-i-seek-e {
    background-position: -16px -112px;
}

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

.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-button:not(.k-state-disabled):hover .k-si-arrow-n,
.k-textbox:hover .k-si-arrow-n,
.k-button:active .k-si-arrow-n {
    background-position: -16px -129px;
}

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

.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-button:not(.k-state-disabled):hover .k-si-arrow-e,
.k-textbox:hover .k-si-arrow-e,
.k-button:active .k-si-arrow-e {
    background-position: -16px -144px;
}

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

.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-button:not(.k-state-disabled):hover .k-si-arrow-s,
.k-textbox:hover .k-si-arrow-s,
.k-button:active .k-si-arrow-s {
    background-position: -16px -159px;
}

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

.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-button:not(.k-state-disabled):hover .k-si-arrow-w,
.k-textbox:hover .k-si-arrow-w,
.k-button:active .k-si-arrow-w {
    background-position: -16px -176px;
}

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

.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-button:not(.k-state-disabled):hover .k-i-arrowhead-n,
.k-textbox:hover .k-i-arrowhead-n,
.k-button:active .k-i-arrowhead-n {
    background-position: -16px -256px;
}

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

.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-button:not(.k-state-disabled):hover .k-i-arrowhead-e,
.k-textbox:hover .k-i-arrowhead-e,
.k-button:active .k-i-arrowhead-e {
    background-position: -16px -272px;
}

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

.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-button:not(.k-state-disabled):hover .k-i-arrowhead-s,
.k-textbox:hover .k-i-arrowhead-s,
.k-button:active .k-i-arrowhead-s {
    background-position: -16px -288px;
}

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

.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-button:not(.k-state-disabled):hover .k-i-arrowhead-w,
.k-textbox:hover .k-i-arrowhead-w,
.k-button:active .k-i-arrowhead-w {
    background-position: -16px -304px;
}

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

.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-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-textbox:hover .k-i-expand,
.k-textbox:hover .k-plus,
.k-textbox:hover .k-plus-disabled,
.k-button:active .k-i-expand,
.k-button:active .k-plus,
.k-button:active .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: 0px -208px;
}

.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-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-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,
.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 {
    background-position: -16px -208px;
}

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

.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-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-textbox:hover .k-i-collapse,
.k-textbox:hover .k-minus,
.k-textbox:hover .k-minus-disabled,
.k-button:active .k-i-collapse,
.k-button:active .k-minus,
.k-button:active .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: 0px -240px;
}

.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-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-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,
.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 {
    background-position: -16px -240px;
}

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

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

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

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

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

.k-link:not(.k-state-disabled):hover > .k-si-close,
.k-state-hover > .k-si-close,
.k-state-hover > * > .k-si-close,
.k-button:not(.k-state-disabled):hover .k-si-close,
.k-textbox:hover .k-si-close,
.k-button:active .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-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-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-textbox:hover .k-i-tick,
.k-textbox:hover .k-insert,
.k-textbox:hover .k-update,
.k-button:active .k-i-tick,
.k-button:active .k-insert,
.k-button:active .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-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-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-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],
.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] {
    background-position: -48px -32px;
}

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

.k-link: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-state-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-button:not(.k-state-disabled):hover .k-i-cancel,
.k-button:not(.k-state-disabled):hover .k-cancel,
.k-button:not(.k-state-disabled):hover .k-denied,
.k-textbox:hover .k-i-cancel,
.k-textbox:hover .k-cancel,
.k-textbox:hover .k-denied,
.k-button:active .k-i-cancel,
.k-button:active .k-cancel,
.k-button:active .k-denied {
    background-position: -48px -48px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-button:not(.k-state-disabled):hover .k-i-insert-m,
.k-button:not(.k-state-disabled):hover .k-insert-middle,
.k-textbox:hover .k-i-insert-m,
.k-textbox:hover .k-insert-middle,
.k-button:active .k-i-insert-m,
.k-button:active .k-insert-middle {
    background-position: -176px -48px;
}

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

.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-button:not(.k-state-disabled):hover .k-i-insert-s,
.k-button:not(.k-state-disabled):hover .k-insert-bottom,
.k-textbox:hover .k-i-insert-s,
.k-textbox:hover .k-insert-bottom,
.k-button:active .k-i-insert-s,
.k-button:active .k-insert-bottom {
    background-position: -176px -64px;
}

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

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

.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-button:not(.k-state-disabled):hover .k-i-note,
.k-button:not(.k-state-disabled):hover .k-warning,
.k-textbox:hover .k-i-note,
.k-textbox:hover .k-warning,
.k-button:active .k-i-note,
.k-button:active .k-warning {
    background-position: -176px -240px;
}

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

.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-button:not(.k-state-disabled):hover .k-i-sort-asc,
.k-textbox:hover .k-i-sort-asc,
.k-button:active .k-i-sort-asc {
    background-position: -128px -240px;
}

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

.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-button:not(.k-state-disabled):hover .k-i-sort-desc,
.k-textbox:hover .k-i-sort-desc,
.k-button:active .k-i-sort-desc {
    background-position: -128px -256px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.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-button:not(.k-state-disabled):hover .k-i-gantt-toggle,
.k-textbox:hover .k-i-gantt-toggle,
.k-button:active .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;
}
/* Dropdown icon in k-scheduler-views */
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view .k-link:after,
.k-gantt-views > .k-current-view > .k-link:after {
    background-position: 0px -32px;
}

.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-link:not(.k-state-disabled):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-state-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-button:not(.k-state-disabled):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,
.k-textbox:hover .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:active .k-gantt-views > .k-current-view > .k-link:after {
    background-position: -16px -32px;
}
/* Colors */
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;
}
/* loading */
.k-loading,
.k-loading-image {
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center center;
}

.k-loading-mask,
.k-loading-image,
.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;
    /*rtl*/
}

.k-loading-image,
.k-loading-color {
    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;
}
/* drag n drop */
.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;
    }
/* virtual scrollbar */
.k-scrollbar {
    position: absolute;
    overflow: scroll;
}

.k-scrollbar-vertical {
    top: 0;
    right: 0;
    width: 17px;
    /* scrollbar width */
    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;
    /*needed by IE8*/
}
/* current time indicator */
.k-current-time {
    background: #f00;
    position: absolute;
}
/* override box sizing for grid layout framework integration (Bootstrap 3, Foundation 4) */
.k-animation-container,
.k-widget,
.k-widget *,
.k-animation-container *,
.k-widget *:before,
.k-animation-container *:after,
.k-block .k-header,
.k-list-container {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.k-button,
.k-textbox,
.k-autocomplete,
div.k-window-content,
.k-tabstrip > .k-content > .km-scroll-container,
.k-block,
.k-edit-cell .k-widget,
.k-grid-edit-row .k-widget,
.k-grid-edit-row .text-box,
.km-actionsheet > li,
.km-shim {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
/* Fix for Bootstrap 3 */
.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;
}
/* override iOS styles in mobile Kendo */
.km-widget,
.km-widget * {
    -webkit-background-clip: border-box;
    background-clip: border-box;
}

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

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

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

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

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

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

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

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

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

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

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

.k-ie8 input.k-checkbox,
.k-ie8 .k-radio {
    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:before,
    .k-ie8 .k-radio-label:after {
        display: none;
    }
/* RTL for checkboxes and radio buttons */
.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;
}
/* Off-screen container used during export */
.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;
}
/* responsive panel */
.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-label,
    .k-edit-form-container .editor-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 > input[type="checkbox"]:first-child,
.k-edit-field > input[type="radio"]:first-child,
.k-edit-field > label:first-child > input[type="checkbox"],
.k-edit-field > .k-button:first-child {
    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;
}
/* Window */
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;
    /* icon size */
}

.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;
    }
/* TabStrip */
.k-tabstrip {
    margin: 0;
    padding: 0;
    zoom: 1;
    position: relative;
}

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

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

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

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

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

.k-tabstrip-next {
    right: .4em;
}

.k-tabstrip-items .k-item,
.k-panelbar .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-tabstrip-items .k-tab-on-top,
.k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-items .k-state-active {
    margin-bottom: -1px;
    padding-bottom: 1px;
}

.k-tabstrip-items .k-tab-on-top {
    z-index: 1;
}

.k-tabstrip-items .k-link,
.k-panelbar .k-tabstrip-items .k-link {
    display: inline-block;
    border-bottom-width: 0;
    padding: .5em .92em;
}

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

.k-tabstrip-items .k-item .k-image,
.k-tabstrip-items .k-item .k-sprite,
.k-panelbar .k-tabstrip-items .k-item .k-image,
.k-panelbar .k-tabstrip-items .k-item .k-sprite {
    margin: -3px 3px 0 -6px;
    vertical-align: middle;
}
/* TabStrip Loading Progress */
.k-tabstrip-items .k-loading {
    top: 0;
    left: 0;
    height: 0;
    width: 20%;
    position: absolute;
    background: transparent;
    border-top: 1px solid transparent;
    border-color: inherit;
    -webkit-transition: width 200ms linear;
    transition: width 200ms 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-tabstrip > .k-content,
.k-panelbar .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;
    }
}
/* left and right tabs */
.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-tabstrip-left > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-right > .k-tabstrip-items .k-tab-on-top,
.k-tabstrip-left > .k-tabstrip-items .k-state-active,
.k-tabstrip-right > .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active {
    margin-bottom: -1px;
    padding-bottom: 0;
}
/* left tabs */
.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-tabstrip-left > .k-tabstrip-items .k-tab-on-top,
    .k-tabstrip-left > .k-tabstrip-items .k-state-active,
    .k-panelbar .k-tabstrip-left > .k-tabstrip-items .k-state-active {
        margin-right: -2px;
        padding-right: 1px;
    }
/* right tabs */
.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-tabstrip-right > .k-tabstrip-items .k-tab-on-top,
    .k-tabstrip-right > .k-tabstrip-items .k-state-active,
    .k-panelbar .k-tabstrip-right > .k-tabstrip-items .k-state-active {
        margin-left: -1px;
        padding-left: 1px;
    }
/* bottom tabs */
.k-tabstrip-bottom > .k-tabstrip-items {
    margin-top: -1px;
    padding: 0 .3em .3em;
}

.k-tabstrip-bottom > .k-content,
.k-panelbar .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;
}
/* PanelBar */
.k-panelbar {
    zoom: 1;
}

    .k-panelbar > .k-item,
    .k-panel > .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-panelbar > .k-item > .k-link,
    .k-panel > .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-expand,
.k-panelbar-collapse {
    position: absolute;
    top: 50%;
    right: 4px;
    margin-top: -8px;
}

.k-panelbar .k-panel,
.k-panelbar .k-content {
    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;
}
/* Menu */
.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-item > .k-link > .k-icon,
            .k-menu .k-image,
            .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: 0.5em 1.1em 0.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: 0.25em 0;
    height: 100%;
    width: 1px;
    font-size: 0;
    line-height: 0;
    border-width: 0 1px 0 0;
}

ul.k-menu-vertical .k-separator,
.k-menu .k-menu-group .k-separator {
    padding: 0;
    height: 1px;
    width: 100%;
    border-width: 1px 0 0;
}
/* Context Menu */
.k-context-menu {
    border: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
/* Grid */
.k-grid,
.k-listview {
    position: relative;
    zoom: 1;
}

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

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

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

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

.k-filtercell,
.k-filtercell > span,
.k-filtercell .k-widget {
    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-filtercell > span > .k-button,
    .k-filter-row .k-dropdown-operator {
        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;
    /*remove gray background*/
}

.k-grid-header th.k-header > .k-link {
    display: block;
    min-height: 18px;
    line-height: 18px;
    /* due to sorting icons*/
    margin: -0.5em -0.6em -0.4em 0;
    padding: .5em .6em .4em 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

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

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

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

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

.k-grid-column-resizing,
.k-grid-column-resizing .k-grid-filter,
.k-grid-column-resizing .k-link,
.k-grid-column-resizing .k-button,
.k-grid-column-resizing .k-grid-toolbar {
    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 {
    /*reset default webkit styles*/
    margin-top: 0;
    margin-bottom: 0;
}

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

div.k-grid-header,
div.k-grid-footer {
    padding-right: 17px;
    /* scrollbar width; may vary; can be calculated */
    border-bottom-style: solid;
    border-bottom-width: 1px;
    zoom: 1;
}

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

.k-grid-content {
    position: relative;
    width: 100%;
    overflow: auto;
    overflow-x: auto;
    overflow-y: scroll;
    zoom: 1;
    min-height: 0%;
    /* IE9 bug workaround - expanding Grid on hover */
}

.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-header-wrap,
    .k-grid-content {
        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-header table,
.k-grid-content table,
.k-grid-footer table,
.k-grid-content-locked > table {
    table-layout: fixed;
}
/* Grid :: locked columns */
.k-grid-lockedcolumns {
    white-space: nowrap;
}

.k-grid-content-locked,
.k-grid-content,
.k-pager-wrap {
    white-space: normal;
}

.k-grid-header-locked,
.k-grid-content-locked,
.k-grid-footer-locked {
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    /* generally uneeded */
    position: relative;
    border-style: solid;
    border-width: 0 1px 0 0;
}

    .k-grid-header-locked + .k-grid-header-wrap,
    .k-grid-content-locked + .k-grid-content,
    .k-grid-footer-locked + .k-grid-footer-wrap {
        display: inline-block;
        vertical-align: top;
    }

.k-grid-toolbar {
    border-style: solid;
    border-width: 1px 0 0;
}

.k-grid-header th.k-header:first-child,
.k-grid tbody td:first-child,
.k-grid tfoot td:first-child,
.k-filter-row > th: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;
}
/* Grid :: footer */
.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;
    }
/* Grid :: paging */
.k-pager-wrap {
    clear: both;
    overflow: hidden;
    position: relative;
    border-style: solid;
    border-width: 1px;
    line-height: 2.0em;
    padding: 0.333em 0 0.333em 0.250em;
}

.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-numbers li,
    .k-pager-input {
        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-wrap > .k-link,
.k-pager-numbers .k-link,
.k-pager-numbers .k-state-selected {
    min-width: 2em;
}

.k-pager-wrap > .k-link {
    float: left;
    margin: 0 0.08333em;
    height: 2em;
    /*IE7*/
    line-height: 2em;
    /*IE7*/
    border-radius: 1.0833em;
    cursor: pointer;
    text-align: center;
}

.k-pager-wrap > a.k-state-disabled:hover {
    background: none;
    cursor: default;
}

.k-pager-numbers .k-link {
    text-align: center;
    line-height: 2em;
    border-style: solid;
    border-width: 1px;
    border-radius: 1.0833em;
}

.k-pager-wrap > .k-link {
    border-style: solid;
    border-width: 1px;
}

.k-pager-wrap .k-pager-refresh {
    float: right;
    margin-right: 0.5em;
    border-width: 0;
    border-radius: 0;
}

.k-pager-numbers .k-state-selected {
    border-style: solid;
    border-width: 1px;
    text-align: center;
    border-radius: 1.0833em;
}

.k-pager-wrap .k-textbox {
    width: 3.333em;
}

.k-pager-wrap .k-dropdown {
    width: 4.500em;
}

.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;
}
/* Grid :: filtering */
.k-header > .k-grid-filter,
.k-header > .k-header-column-menu {
    float: right;
    margin: -0.5em -0.6em -0.4em;
    padding: .5em .2em .4em;
    position: relative;
    z-index: 1;
    /*mvc site.css*/
}

.k-grid .k-animation-container {
    position: absolute;
}

.k-filter-menu {
    padding: .5em;
}

.k-list-filter {
    display: block;
}

form.k-filter-menu .k-widget,
form.k-filter-menu .k-textbox {
    display: block;
}

form.k-filter-menu .k-textbox {
    width: 100%;
    margin-bottom: 3px;
}

.k-filter-help-text,
.k-filter-menu .k-widget,
.k-filter-menu .k-textbox {
    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-multicheck-wrap {
    overflow: auto;
    overflow-x: hidden;
    white-space: nowrap;
    max-height: 300px;
}

    .k-multicheck-wrap .k-item {
        line-height: 2.2em;
    }
/* Grid :: grouping */
.k-grouping-row .k-icon {
    margin: -3px 4px 0 2px;
}

.k-grouping-row p {
    display: inline-block;
    vertical-align: middle;
    margin-left: -0.6em;
    padding: 0 .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: transparent;
    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 a,
.k-grouping-header .k-button {
    display: inline-block;
    vertical-align: middle;
}
/* Grid :: editing */
.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: #f00 transparent transparent #f00;
    margin: -0.45em 0 0 -0.6em;
    padding: 0;
    overflow: hidden;
    vertical-align: top;
}

.k-grouping-header,
.k-grid-toolbar {
    margin: 0;
    padding: 0.22em 0.2em 0.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: #f00;
    background-color: #ffc0cb;
}

.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;
    /* for all except IE8 */
}

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: -0.2em;
    margin-bottom: -0.2em;
}
/* Grid :: resizing */
.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;
    /*fix flicker on item hover*/
}

.k-ie8 .k-grid-filter,
.k-ie8 .k-header-column-menu {
    font-size: 100%;
    /* Fix small menus in IE8 */
}

.k-column-menu {
    min-width: 160px;
}

    .k-column-menu .k-sprite {
        margin-right: 10px;
    }

    .k-column-menu > .k-menu {
        border-width: 0;
    }

.k-columns-item .k-group {
    max-height: 200px;
    overflow: auto;
}
/* Remove Grid scrollbar during built-in export */
.k-pdf-export-shadow .k-grid {
    float: left;
    width: auto !important;
}
/* Remove all sizes and scrolling */
.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-header-locked + .k-grid-header-wrap,
    .k-pdf-export-shadow .k-grid-content-locked + .k-grid-content,
    .k-pdf-export-shadow .k-grid-footer-locked + .k-grid-footer-wrap {
        width: auto !important;
    }
/* Remove empty space reserved above the scrollbar */
.k-pdf-export-shadow .k-grid-header,
.k-pdf-export-shadow .k-grid-footer {
    padding: 0 !important;
}

.k-loading-pdf-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 100;
}

    .k-loading-pdf-mask .k-loading-color {
        filter: alpha(opacity=50);
        opacity: 0.5;
    }

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

.k-pdf-export .k-loading-pdf-mask {
    display: none;
}
/* responsive styles  */
.k-autofitting {
    width: auto !important;
    table-layout: auto !important;
}

    .k-autofitting th.k-header,
    .k-autofitting td {
        white-space: nowrap !important;
    }

    .k-autofitting .k-detail-row {
        display: none !important;
    }

@media only screen and (max-width: 1024px) {
    .k-webkit .k-pager-wrap,
    .k-ff .k-pager-wrap,
    .k-ie11 .k-pager-wrap,
    .k-safari .k-pager-wrap {
        overflow: visible;
    }

        .k-webkit .k-pager-wrap .k-pager-nav,
        .k-ff .k-pager-wrap .k-pager-nav,
        .k-ie11 .k-pager-wrap .k-pager-nav,
        .k-safari .k-pager-wrap .k-pager-nav,
        .k-webkit .k-pager-input,
        .k-ff .k-pager-input,
        .k-ie11 .k-pager-input,
        .k-safari .k-pager-input {
            display: inline-block;
            vertical-align: top;
        }

    .k-webkit .k-pager-numbers,
    .k-ff .k-pager-numbers,
    .k-ie11 .k-pager-numbers,
    .k-safari .k-pager-numbers,
    .k-webkit .k-grid .k-pager-numbers,
    .k-ff .k-grid .k-pager-numbers,
    .k-ie11 .k-grid .k-pager-numbers,
    .k-safari .k-grid .k-pager-numbers {
        position: relative;
        left: 4.8em;
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -webkit-flex-direction: column-reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        overflow: visible;
        height: auto;
    }

        .k-webkit .k-pager-numbers.k-state-expanded,
        .k-ff .k-pager-numbers.k-state-expanded,
        .k-ie11 .k-pager-numbers.k-state-expanded,
        .k-safari .k-pager-numbers.k-state-expanded,
        .k-webkit .k-grid .k-pager-numbers.k-state-expanded,
        .k-ff .k-grid .k-pager-numbers.k-state-expanded,
        .k-ie11 .k-grid .k-pager-numbers.k-state-expanded,
        .k-safari .k-grid .k-pager-numbers.k-state-expanded {
            -ms-transform: translatey(-100%);
            transform: translatey(-100%);
            -webkit-transform: translatey(-100%);
        }

    .k-webkit .km-pane-wrapper .k-pager-numbers,
    .k-ff .km-pane-wrapper .k-pager-numbers,
    .k-ie11 .km-pane-wrapper .k-pager-numbers,
    .k-safari .km-pane-wrapper .k-pager-numbers,
    .k-webkit .km-pane-wrapper .k-grid .k-pager-numbers,
    .k-ff .km-pane-wrapper .k-grid .k-pager-numbers,
    .k-ie11 .km-pane-wrapper .k-grid .k-pager-numbers,
    .k-safari .km-pane-wrapper .k-grid .k-pager-numbers {
        left: 50%;
        -ms-transform: translate(-50%, -100%);
        transform: translate(-50%, -100%);
        -webkit-transform: translate(-50%, -100%);
    }

        .k-webkit .km-pane-wrapper .k-pager-numbers .k-link,
        .k-ff .km-pane-wrapper .k-pager-numbers .k-link,
        .k-ie11 .km-pane-wrapper .k-pager-numbers .k-link,
        .k-safari .km-pane-wrapper .k-pager-numbers .k-link,
        .k-webkit .km-pane-wrapper .k-pager-numbers .k-state-selected,
        .k-ff .km-pane-wrapper .k-pager-numbers .k-state-selected,
        .k-ie11 .km-pane-wrapper .k-pager-numbers .k-state-selected,
        .k-safari .km-pane-wrapper .k-pager-numbers .k-state-selected,
        .k-webkit .km-pane-wrapper .k-pager-wrap > .k-link,
        .k-ff .km-pane-wrapper .k-pager-wrap > .k-link,
        .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-link,
        .k-safari .km-pane-wrapper .k-pager-wrap > .k-link,
        .k-webkit .km-pane-wrapper .k-pager-wrap > .k-pager-info,
        .k-ff .km-pane-wrapper .k-pager-wrap > .k-pager-info,
        .k-ie11 .km-pane-wrapper .k-pager-wrap > .k-pager-info,
        .k-safari .km-pane-wrapper .k-pager-wrap > .k-pager-info {
            padding-top: 0;
            padding-bottom: 0;
        }

    .k-webkit .k-rtl .k-pager-numbers,
    .k-ff .k-rtl .k-pager-numbers,
    .k-ie11 .k-rtl .k-pager-numbers,
    .k-safari .k-rtl .k-pager-numbers,
    .k-webkit .k-rtl .k-grid .k-pager-numbers,
    .k-ff .k-rtl .k-grid .k-pager-numbers,
    .k-ie11 .k-rtl .k-grid .k-pager-numbers,
    .k-safari .k-rtl .k-grid .k-pager-numbers {
        left: auto;
        right: 4.8em;
        width: 4.5em;
    }

    .k-webkit .k-rtl .km-pane-wrapper .k-pager-numbers,
    .k-ff .k-rtl .km-pane-wrapper .k-pager-numbers,
    .k-ie11 .k-rtl .km-pane-wrapper .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-ff .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,
    .k-ie11 .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers,
    .k-safari .k-rtl .km-pane-wrapper .k-grid .k-pager-numbers {
        right: 5.8em;
    }

    .k-webkit .k-pager-numbers .k-current-page,
    .k-ff .k-pager-numbers .k-current-page,
    .k-ie11 .k-pager-numbers .k-current-page,
    .k-safari .k-pager-numbers .k-current-page,
    .k-webkit .k-grid .k-pager-numbers .k-current-page,
    .k-ff .k-grid .k-pager-numbers .k-current-page,
    .k-ie11 .k-grid .k-pager-numbers .k-current-page,
    .k-safari .k-grid .k-pager-numbers .k-current-page {
        display: block;
        border-left: 0;
    }

    .k-webkit .k-pager-numbers.k-state-expanded .k-current-page,
    .k-ff .k-pager-numbers.k-state-expanded .k-current-page,
    .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
    .k-safari .k-pager-numbers.k-state-expanded .k-current-page,
    .k-webkit .k-grid .k-pager-number.k-state-expanded .k-current-page,
    .k-ff .k-grid .k-pager-number.k-state-expanded .k-current-page,
    .k-ie11 .k-grid .k-pager-number.k-state-expanded .k-current-page,
    .k-safari .k-grid .k-pager-number.k-state-expanded .k-current-page {
        -ms-transform: translatey(100%);
        transform: translatey(100%);
        -webkit-transform: translatey(100%);
    }

    .k-webkit .k-pager-numbers li:not(.k-current-page),
    .k-ff .k-pager-numbers li:not(.k-current-page),
    .k-ie11 .k-pager-numbers li:not(.k-current-page),
    .k-safari .k-pager-numbers li:not(.k-current-page) {
        display: none;
    }

    .k-webkit .k-pager-numbers .k-current-page .k-link,
    .k-ff .k-pager-numbers .k-current-page .k-link,
    .k-ie11 .k-pager-numbers .k-current-page .k-link,
    .k-safari .k-pager-numbers .k-current-page .k-link {
        width: 3.2em;
        padding: 0 .429em 0 .714em;
        border-radius: 1.0833em;
    }

    .k-webkit .k-pager-numbers + .k-link,
    .k-ff .k-pager-numbers + .k-link,
    .k-ie11 .k-pager-numbers + .k-link,
    .k-safari .k-pager-numbers + .k-link {
        margin-left: 4.8em;
    }

    .k-webkit .k-rtl .k-pager-numbers + .k-link,
    .k-ff .k-rtl .k-pager-numbers + .k-link,
    .k-ie11 .k-rtl .k-pager-numbers + .k-link,
    .k-safari .k-rtl .k-pager-numbers + .k-link {
        margin-right: 5.1em;
        margin-left: 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-safari .k-pager-numbers .k-state-selected,
    .k-webkit .k-pager-numbers .k-link,
    .k-ff .k-pager-numbers .k-link,
    .k-ie11 .k-pager-numbers .k-link,
    .k-safari .k-pager-numbers .k-link {
        display: block;
        margin-right: 0;
        padding: 1px 5px 1px 5px;
        text-align: left;
    }

    .k-webkit .k-pager-numbers.k-state-expanded,
    .k-ff .k-pager-numbers.k-state-expanded,
    .k-ie11 .k-pager-numbers.k-state-expanded,
    .k-safari .k-pager-numbers.k-state-expanded {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 2px 2px 0;
    }

        .k-webkit .k-pager-numbers.k-state-expanded .k-current-page,
        .k-ff .k-pager-numbers.k-state-expanded .k-current-page,
        .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page,
        .k-safari .k-pager-numbers.k-state-expanded .k-current-page {
            margin: -2em -3px 0;
            padding: 0;
        }

            .k-webkit .k-pager-numbers.k-state-expanded .k-current-page .k-link,
            .k-ff .k-pager-numbers.k-state-expanded .k-current-page .k-link,
            .k-ie11 .k-pager-numbers.k-state-expanded .k-current-page .k-link,
            .k-safari .k-pager-numbers.k-state-expanded .k-current-page .k-link {
                border-radius: 0 0 1.0833em 1.0833em;
            }

        .k-webkit .k-pager-numbers.k-state-expanded li,
        .k-ff .k-pager-numbers.k-state-expanded li,
        .k-ie11 .k-pager-numbers.k-state-expanded li,
        .k-safari .k-pager-numbers.k-state-expanded li {
            display: inline-block;
        }
}

@media only screen and (max-width: 640px) {
    .k-webkit .k-pager-info,
    .k-ff .k-pager-info,
    .k-ie11 .k-pager-info,
    .k-safari .k-pager-info {
        display: none;
    }
}

@media only screen and (max-width: 480px) {
    .k-webkit .k-pager-sizes,
    .k-ff .k-pager-sizes,
    .k-ie11 .k-pager-sizes,
    .k-safari .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;
}
/* Gantt Chart start */
/* Gantt Main Layout */
.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-treelist > .k-treelist,
.k-gantt-timeline > .k-timeline {
    border-width: 0;
    height: 100%;
}
/* Gantt Toolbar, footer */
.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;
}
/* Gantt TreeList */
.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: bold;
}

.k-treelist-group .k-widget {
    font-weight: normal;
}
/* Gantt TimeLine */
.k-gantt-timeline .k-grid-header tr {
    height: 2.5em;
}

.k-gantt-tasks {
    /*needed for RTL*/
    position: relative;
}

    .k-gantt-rows tr,
    .k-gantt-tasks tr,
    .k-gantt .k-grid-content tr {
        height: 2.3em;
    }

.k-gantt .k-gantt-tasks td:after {
    content: "\a0";
}

.k-gantt-timeline {
    background: transparent;
}

.k-gantt-rows,
.k-gantt-columns,
.k-gantt-dependencies {
    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;
}
/* Gantt TimeLine objects */
/* Summary */
.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:before,
.k-task-summary-complete:before,
.k-task-summary:after,
.k-task-summary-complete:after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px;
    border-color: transparent;
}

.k-task-summary:before,
.k-task-summary-complete:before {
    left: 0;
    border-left-color: inherit;
}

.k-task-summary:after,
.k-task-summary-complete:after {
    right: 0;
    border-right-color: inherit;
}
/* Lines */
.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;
}
/* Milestone */
.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;
}
/* Button */
.k-gantt .k-gantt-treelist .k-button,
.k-gantt .k-gantt-tasks .k-button-icon {
    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-treelist .k-button .k-icon,
.k-gantt .k-gantt-tasks .k-button .k-icon {
    vertical-align: text-top;
}

.k-rel .k-button-icon {
    position: absolute;
    left: 200px;
}
/* Tasks */
.k-rel {
    position: relative;
    height: 0;
    top: -0.3em;
}

.k-task-wrap {
    position: absolute;
    padding: 0 23px 5px;
    margin: -1px -23px 0;
    z-index: 2;
}

    .k-task-wrap:hover,
    .k-line.k-state-selected {
        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:hover .k-task-dot,
.k-task-wrap-active .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:hover:after,
.k-task-dot.k-state-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:hover .k-task-delete,
.k-task-wrap-active .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: -0.7em;
        height: 1.4em;
        width: 1px;
    }

.k-task-content > .k-resize-e:after {
    left: auto;
    right: 1px;
}

.k-task-draghandle {
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
    margin-left: 16px;
    border-width: 5px;
    border-style: solid;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    display: none;
    cursor: e-resize;
}

.k-task-wrap:hover .k-task-draghandle,
.k-task-wrap-active .k-task-draghandle {
    display: block;
}

.k-dependency-hint {
    z-index: 4;
}
/* Higher row height styles */
.k-gantt-rowheight .k-task-summary,
.k-gantt-rowheight .k-task-milestone,
.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 {
    top: 50%;
}

.k-gantt-rowheight .k-task-summary,
.k-gantt-rowheight .k-task-milestone {
    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%;
    }
/*Task Hover Tooltip*/
.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;
}
/*Resources*/
.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: 0px 5px;
    }
/* Gantt Edit form */
.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-textbox,
.k-gantt-edit-form > .k-edit-form-container .k-numerictextbox {
    width: 15em;
}

.k-gantt-edit-form .k-edit-buttons .k-gantt-delete {
    float: left;
}
/* Gantt Chart PDF export */
.k-pdf-export-shadow .k-gantt {
    float: left;
}
    /* Remove all sizes and scrolling */
    .k-pdf-export-shadow .k-gantt,
    .k-pdf-export-shadow .k-gantt-timeline,
    .k-pdf-export-shadow .k-gantt .k-grid-content {
        width: auto !important;
        height: auto !important;
        overflow: visible !important;
    }

.k-pdf-export-shadow .k-gantt-treelist {
    height: auto !important;
    overflow: visible !important;
}
/* Remove empty space reserved above the scrollbar */
.k-pdf-export-shadow .k-gantt-timeline .k-grid-header {
    padding: 0 !important;
}
/* Hide the splitter */
.k-pdf-export-shadow .k-gantt .k-splitbar,
.k-pdf-export-shadow .k-pdf-export {
    display: none;
}
/* Responsive styles  */
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: -0.6em;
        right: 0.333em;
        width: 16px;
        height: 16px;
    }

    .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li,
    .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded > li:first-child + li {
        display: block;
        border: 0;
        border-radius: 0;
    }

    .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
        border: 1px solid #c5c5c5;
        background-color: #fff;
        background-image: none;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    }

    .k-rtl .k-gantt-toolbar > ul.k-gantt-views.k-state-expanded {
        text-align: left;
    }
}

@media only screen and (max-width: 480px) {
    button.k-gantt-toggle {
        display: inline-block;
    }

    .k-gantt-create span + span,
    .k-gantt-pdf span + span {
        display: none;
    }

    .k-gantt-create .k-icon,
    .k-gantt-pdf .k-icon {
        margin: 0;
    }

    .k-gantt .k-splitbar {
        display: none;
        width: 0;
        border-width: 0;
    }

    .k-gantt .k-gantt-treelist {
        display: none;
        max-width: 0;
    }

    .k-gantt .k-treelist .k-grid-content {
        overflow-y: scroll;
    }

    .k-gantt .k-gantt-timeline {
        width: 100%;
    }
}
/* Gantt Chart end */
/* Pivot start */
.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;
}
/*IE7 requires the following style to be applied to cells directly*/
.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: bold;
}

.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;
}
/* selector */
.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-widget,
    .k-fieldselector .k-edit-field > .k-textbox {
        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 .2em.2em;
        position: relative;
        font-size: .9em;
        line-height: 1.2em;
        min-height: 1em;
    }
/* KPI icons */
.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;
}
/* Pivot PDF Export styles */
.k-pdf-export-shadow .k-pivot .k-grid-content {
    overflow: visible !important;
}

.k-pdf-export-shadow .k-pivot .k-pivot-rowheaders .k-grid,
.k-pdf-export-shadow .k-pivot .k-grid-content {
    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-header-wrap > table,
    .k-pdf-export-shadow .k-pivot .k-grid-content > table {
        width: 100% !important;
        height: auto !important;
    }
/* Pivot end */
/* Calendar */
.k-calendar {
    position: relative;
    display: inline-block;
    width: 16.917em;
    overflow: hidden;
}

    .k-calendar td,
    .k-calendar .k-link {
        text-decoration: none;
    }

    .k-calendar .k-action-link {
        text-decoration: underline;
    }

    .k-calendar .k-header,
    .k-calendar .k-footer {
        position: relative;
        text-align: center;
        zoom: 1;
    }

.k-widget.k-calendar .k-nav-prev,
.k-widget.k-calendar .k-nav-next {
    position: absolute;
    top: 0.16666em;
    line-height: 1.8333em;
    height: 1.8333em;
}

.k-widget.k-calendar .k-nav-prev {
    left: 1%;
}

.k-widget.k-calendar .k-nav-next {
    right: 1%;
}

.k-calendar .k-content {
    float: left;
    border-spacing: 0;
    width: 100%;
    height: 14.167em;
    border-width: 0;
    margin: 0;
    table-layout: fixed;
    outline: 0;
}

    .k-calendar .k-content,
    .k-calendar .k-content th {
        text-align: right;
    }

.k-calendar .k-animation-container .k-content {
    height: 100%;
}

.k-widget.k-calendar .k-nav-fast {
    display: inline-block;
    width: 75%;
    height: 1.8333em;
    line-height: 1.8333em;
    margin: 0.16666em -0.08333em 0.3333em 0;
}

.k-calendar .k-header .k-icon {
    vertical-align: middle;
}

.k-calendar .k-header .k-link.k-nav-prev,
.k-calendar .k-header .k-link.k-nav-next {
    height: 1.8333em;
    width: 1.8333em;
}

.k-calendar th {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: .4em .45em .4em .1em;
    font-weight: normal;
    cursor: default;
}

.k-calendar td {
    padding: 0.08333em;
    cursor: pointer;
}

.k-calendar .k-state-focus {
    border-style: dotted;
    border-width: 0.08333em;
    padding: 0;
}

.k-calendar .k-content .k-link {
    display: block;
    overflow: hidden;
    min-height: 1.8333em;
    line-height: 1.8333em;
    padding: 0 .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;
}
/* TreeView */
div.k-treeview {
    /* due to k-widget */
    border-width: 0;
    background: none;
    overflow: auto;
    white-space: nowrap;
}

.k-treeview .k-item {
    display: block;
    border-width: 0;
    margin: 0;
    padding: 0 0 0 16px;
}

    .k-treeview > .k-group,
    .k-treeview .k-item > .k-group,
    .k-treeview .k-content {
        margin: 0;
        padding: 0;
        background: none;
        list-style-type: none;
        position: relative;
    }

.k-treeview .k-icon,
.k-treeview .k-image,
.k-treeview .k-sprite,
.k-treeview .k-checkbox,
.k-treeview .k-in {
    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-plus,
.k-treeview .k-minus,
.k-treeview .k-plus-disabled,
.k-treeview .k-minus-disabled {
    margin-top: 0.25em;
    margin-left: -16px;
    cursor: pointer;
}

.k-treeview .k-plus-disabled,
.k-treeview .k-minus-disabled {
    cursor: default;
}

.k-treeview .k-sprite,
.k-treeview .k-image {
    margin-right: 3px;
}

.k-treeview .k-in {
    margin: 1px 0 1px 0.16666em;
    padding: 1px 0.3333em 1px 0.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;
}
/* ComboBox & DropDownList */
span.k-datepicker,
span.k-timepicker,
span.k-datetimepicker,
span.k-colorpicker,
span.k-numerictextbox,
span.k-combobox,
span.k-dropdown,
.k-toolbar .k-split-button {
    background-image: none;
}

.k-autocomplete,
.k-combobox,
.k-datepicker,
.k-timepicker,
.k-datetimepicker,
.k-colorpicker,
.k-numerictextbox,
.k-dropdown,
.k-selectbox,
.k-textbox,
.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-timepicker,
.k-filter-menu .k-datetimepicker,
.k-filter-menu .k-numerictextbox,
.k-filter-menu .k-dropdown,
.k-filter-menu .k-textbox {
    width: 13.2em;
}

.k-autocomplete,
.k-combobox,
.k-datepicker,
.k-timepicker,
.k-datetimepicker,
.k-colorpicker,
.k-numerictextbox,
.k-dropdown,
.k-selectbox,
.k-toolbar .k-split-button {
    white-space: nowrap;
}

.k-colorpicker,
.k-toolbar .k-split-button {
    width: auto;
}

.k-datetimepicker {
    width: 15em;
}

.k-autocomplete,
.k-picker-wrap,
.k-numeric-wrap {
    position: relative;
    cursor: default;
}

.k-dropdown-wrap {
    position: relative;
}

.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap {
    display: block;
}

.k-block,
.k-widget,
.k-grid,
.k-slider,
.k-splitter,
.k-treeview,
.k-panelbar,
.k-content,
.k-header-column-menu {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.k-block,
.k-slider,
.k-splitbar,
.k-calendar,
.k-treeview,
.k-pager-wrap,
.k-grid-header .k-link,
.k-header-column-menu {
    -webkit-touch-callout: none;
}

.k-list-scroller {
    position: relative;
    overflow: auto;
}

.k-popup.k-list-container,
.k-popup.k-calendar-container {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    padding: 2px;
    border-width: 1px;
    border-style: solid;
}

.k-list-container.k-state-border-down,
.k-autocomplete.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-bottom-width: 0;
    padding-bottom: 1px;
}

.k-list-container .km-scroll-container {
    padding-bottom: 6px;
}

.k-textbox,
.k-autocomplete,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap {
    border-width: 1px;
    border-style: solid;
    padding: 0 1.9em 0 0;
}

    .k-numeric-wrap.k-expand-padding {
        padding-right: 0;
    }

.k-textbox,
.k-autocomplete {
    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;
}
/*prevent missing bottom border at some zoom levels*/
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-picker-wrap.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-numeric-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-textbox > input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-combobox .k-input {
    width: 100%;
    vertical-align: top;
}

.k-picker-wrap .k-input,
.k-numeric-wrap .k-input,
.k-dropdown-wrap .k-input,
.k-selectbox .k-input {
    font-family: inherit;
    border-width: 0;
    outline: 0;
}

.k-dropdown .k-input,
.k-selectbox .k-input {
    background: transparent;
}

.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-dropdown-wrap .k-select {
    position: absolute;
    /* icon positioning */
    top: 0;
    right: 0;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
}

.k-combobox .k-select,
.k-picker-wrap .k-select,
.k-numeric-wrap .k-select {
    border-style: solid;
    border-width: 0 0 0 1px;
    border-color: inherit;
    /* skin-related, inherit does not work in ie7- */
}

span.k-datetimepicker .k-select,
span.k-datetimepicker .k-select + .k-select {
    right: 0;
}

.k-textbox > input,
.k-autocomplete .k-input {
    display: block;
}

.k-combobox .k-icon {
    /*margin-top: 1px;*/
}

.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-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 {
    height: 1.65em;
    line-height: 1.65em;
    padding: 0.177em 0;
    text-indent: 0.33em;
    border: 0;
    margin: 0;
}

.k-combobox .k-dropdown-wrap:before,
.k-picker-wrap:before,
.k-numeric-wrap:before {
    content: "\a0";
    display: inline-block;
    width: 0;
    height: 1.65em;
    padding-bottom: 0.3em;
}
/* fix missing bottom border on browser zoom in Chrome */
.k-webkit .k-combobox .k-dropdown-wrap:before,
.k-webkit .k-picker-wrap:before,
.k-webkit .k-numeric-wrap:before {
    padding-bottom: 0.38em;
}
/* above style breaks NumericTextBox layout due display:block style applied to the input */
.km.root .k-combobox .k-dropdown-wrap:before,
.km.root .k-picker-wrap:before,
.km.root .k-numeric-wrap:before {
    content: none;
}

.k-combobox .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input {
    display: inline;
}

.k-picker-wrap .k-select,
.k-numeric-wrap .k-select,
.k-dropdown-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-popup .k-item,
    .k-list-optionlabel {
        cursor: default;
    }

    .k-popup .k-calendar {
        border: 0;
    }

.k-list {
    height: auto;
}

.k-popup .k-list .k-item,
.k-fieldselector .k-list .k-item,
.k-list-optionlabel,
.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
    padding: 1px 5px 1px 5px;
    line-height: 1.8em;
    min-height: 1.8em;
}

.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
    padding-right: 22px;
}

.k-overflow-container .k-item {
    padding: 1px;
}

.k-overflow-container > .k-state-disabled .k-button,
.k-overflow-container .k-button.k-state-disabled,
.k-overflow-container .k-button.k-state-disabled:hover {
    border: 0;
    background: none;
}

.k-popup .k-list .k-state-hover,
.k-popup .k-list .k-state-focused,
.k-popup .k-list .k-state-selected,
.k-overflow-container .k-state-hover,
.k-overflow-container .k-state-focused,
.k-overflow-container .k-state-selected,
.k-fieldselector .k-list .k-item,
.k-list-optionlabel.k-state-focused,
.k-list-optionlabel.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;
}
/* MultiSelect */
.k-multiselect-wrap {
    position: relative;
    border-width: 0px;
    border-style: solid;
    border-radius: 4px;
    border-color: #C5C5C5;
    background-color: #FFF;
    min-height: 2.04em;
}

    .k-multiselect-wrap .k-input {
        background-color: transparent;
        height: 1.31em;
        line-height: 1.31em;
        padding: 0.18em 0;
        text-indent: 0.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;
}
/* Date/Time Pickers */
.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-textbox,
.k-timepicker,
.k-datepicker,
.k-datetimepicker {
    display: inline-block;
    vertical-align: middle;
}

.k-picker-wrap .k-input {
    margin: 0;
}

.k-time-popup .k-item {
    padding: 1px 3px;
}
/* inputs */
.k-input {
    padding: 0.25em 0;
}

.k-input,
.k-textbox > input {
    outline: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.k-textbox {
    outline: 0;
}

input.k-textbox,
textarea.k-textbox {
    padding: 2px .3em;
}

input.k-textbox {
    height: 2.13em;
    text-indent: 0.33em;
    line-height: 1.6em;
}

.k-ie input.k-textbox {
    text-indent: 0.165em;
}

.k-ff input.k-textbox {
    height: 2.17em;
}

textarea.k-textbox {
    height: auto;
}
/* NumericTextBox */
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;
}
/* ColorPicker */
.k-colorpicker .k-picker-wrap {
    line-height: 2em;
}

.k-colorpicker .k-selected-color {
    vertical-align: top;
    line-height: 0;
    display: inline-block;
    height: 2em;
    width: 2em;
}

.k-colorpicker .k-tool-icon {
    position: relative;
    top: -2px;
    display: inline-block;
    padding: 3px 3px 2px;
    font-size: 0;
    line-height: 0;
    margin-right: 3px;
    margin-left: 2px;
    margin-bottom: 3px;
    background-repeat: no-repeat;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    -ms-high-contrast-adjust: none;
}

    .k-colorpicker .k-tool-icon .k-selected-color {
        display: block;
        height: 3px;
        width: 16px;
        position: absolute;
        left: 3px;
        bottom: -3px;
        border-radius: 0 !important;
    }

.k-colorpicker .k-select {
    cursor: pointer;
}

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

.k-colorpalette {
    position: relative;
    line-height: 0;
    border-width: 0;
    display: inline-block;
}

    .k-colorpalette .k-palette {
        border-collapse: collapse;
        position: relative;
        width: 100%;
        height: 100%;
    }

    .k-colorpalette .k-item {
        width: 14px;
        height: 14px;
        overflow: hidden;
        -ms-high-contrast-adjust: none;
    }

        .k-colorpalette .k-item.k-state-selected,
        .k-colorpalette .k-item.k-state-selected:hover {
            z-index: 100;
            background: transparent;
            -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(/Assets/Vendors/Kendo/styles/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: transparent;
    }

        .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover,
        .k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus {
            background: transparent;
            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: transparent;
    }

    .k-flatcolorpicker .k-hue-slider .k-draghandle,
    .k-flatcolorpicker .k-transparency-slider .k-draghandle {
        background: transparent;
        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:hover,
        .k-flatcolorpicker .k-transparency-slider .k-draghandle:hover,
        .k-flatcolorpicker .k-hue-slider .k-draghandle:focus,
        .k-flatcolorpicker .k-transparency-slider .k-draghandle:focus {
            background: transparent;
            border-color: #fff;
            -webkit-box-shadow: 0 1px 5px #000;
            box-shadow: 0 1px 5px #000;
            border-width: 2px;
            padding: 1px;
        }

    .k-flatcolorpicker .k-hue-slider .k-slider-track {
        background: -webkit-gradient(linear, left top, right top, from(#ff0000), color-stop(16%, #ffff00), color-stop(33%, #00ff00), color-stop(50%, #00ffff), color-stop(67%, #0000ff), color-stop(84%, #ff00ff), to(#ff0004));
        background: -webkit-linear-gradient(left, #ff0000 0%, #ffff00 16%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 84%, #ff0004 100%);
        background: linear-gradient(to right, #ff0000 0%, #ffff00 16%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 84%, #ff0004 100%);
    }

    .k-flatcolorpicker .k-transparency-slider .k-slider-track {
        background-image: url(/Assets/Vendors/Kendo/styles/textures/transparency.png);
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        background-position: 100% 50%;
        background-repeat: no-repeat;
    }

.k-flatcolorpicker .k-controls {
    margin-top: 10px;
    margin-bottom: 5px;
    text-align: center;
    font-size: 90%;
}

    .k-flatcolorpicker .k-controls .k-button {
        width: 6em;
    }

.k-flatcolorpicker .k-hsv-gradient {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#000000)), -webkit-gradient(linear, left top, right top, from(#ffffff), to(rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, #000000 100%), -webkit-linear-gradient(left, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 100%), linear-gradient(to right, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
    height: 180px;
    margin-bottom: 5px;
}

.k-ie9 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url(/Assets/Vendors/Kendo/styles/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iI2ZmZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMzJSIgc3RvcC1jb2xvcj0iIzAwZmYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzAwZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjY3JSIgc3RvcC1jb2xvcj0iIzAwMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iI2ZmMDBmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

.k-ie9 .k-flatcolorpicker .k-hsv-gradient {
    background: url(/Assets/Vendors/Kendo/styles/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+), url(/Assets/Vendors/Kendo/styles/data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
}

.k-ie8 .k-flatcolorpicker .k-hue-slider .k-slider-track {
    background: url(/Assets/Vendors/Kendo/styles/textures/hue.png) repeat 0 50%;
}

.k-ie8 .k-flatcolorpicker .k-transparency-slider .k-slider-track {
    background: url(/Assets/Vendors/Kendo/styles/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);
}
/* Editor */
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;
    /* allow tools to wrap properly in IE */
}

    .k-editor-toolbar li {
        display: inline-block;
        vertical-align: middle;
    }

.k-webkit .k-editor-toolbar,
.k-ff .k-editor-toolbar,
.k-ie9 .k-editor-toolbar {
    padding: 0;
}

    .k-webkit .k-editor-toolbar li,
    .k-safari .k-editor-toolbar li,
    .k-ff .k-editor-toolbar li,
    .k-ie9 .k-editor-toolbar li,
    .k-ie10 .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-dropdown,
.k-editor-toolbar .k-combobox,
.k-editor-toolbar .k-selectbox,
.k-editor-toolbar .k-colorpicker {
    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;
}
/* default tool widths */
.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-hover,
.k-button-group .k-state-active {
    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;
    /*fixes missing top border caused by the inline display*/
}

.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-width,
#k-editor-image-height {
    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: 0.5em;
    margin: 0;
    padding: 0 6px;
}

    .k-editor-overflow-popup .k-tool.k-state-disabled {
        display: none;
    }

.k-editor-toolbar .k-tool-text {
    display: none;
}
/* Notification */
.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;
}
/* Progressbar */
.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;
}
/* Slider */
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;
    /* default height */
}

.k-slider-horizontal {
    display: inline-block;
    width: 200px;
    /* default width */
    height: 26px;
}

.k-slider-wrap {
    width: 100%;
    height: 100%;
}

.k-slider .k-button,
.k-grid .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-slider-vertical .k-button-decrease,
.k-grid .k-slider-vertical .k-button-decrease {
    top: auto;
    bottom: 0;
}

.k-slider .k-button-increase {
    right: 0;
}

.k-slider .k-icon,
.k-slider-track,
.k-slider .k-tick {
    cursor: pointer;
}

.k-slider-track,
.k-slider-selection {
    position: absolute;
    margin: 0;
    padding: 0;
}

.k-slider-horizontal .k-slider-track,
.k-slider-horizontal .k-slider-selection {
    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-track,
.k-slider-vertical .k-slider-selection {
    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: -0.5em;
}

.k-slider-vertical .k-first .k-label {
    bottom: -0.5em;
}

.k-slider-vertical .k-slider-topleft .k-label {
    left: auto;
    right: 120%;
}

.k-slider-tooltip {
    top: -4444px;
    /*prevent window resize in IE8 when appending*/
}
/* Scheduler */
.k-scheduler-toolbar,
.k-scheduler-footer {
    border-style: solid;
}

.k-scheduler-toolbar,
.k-scheduler-footer {
    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-toolbar > ul > li,
.k-scheduler-footer > 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 > li:first-child,
.k-scheduler-toolbar > ul.k-scheduler-views > li:first-child + li {
    border-left-width: 1px;
}

.k-scheduler div.k-scheduler-footer ul li {
    margin-right: .6em;
    border-width: 1px;
}

.k-scheduler-toolbar .k-link,
.k-scheduler-footer .k-link {
    display: inline-block;
    padding: 0 1.1em;
}

.k-scheduler-toolbar .k-nav-prev .k-link,
.k-scheduler-toolbar .k-nav-next .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 div.k-scheduler-toolbar > ul > li.k-nav-current,
.k-scheduler .k-nav-current > .k-state-active {
    background: none;
}

.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: none;
        border: 0;
    }

.k-scheduler-phone .k-toolbar .k-nav-next {
    float: right;
}

.k-scheduler-phone .k-toolbar .k-nav-prev {
    float: left;
}

.k-scheduler-toolbar .k-i-calendar,
.k-scheduler-footer .k-icon {
    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-times,
.k-scheduler-content {
    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;
    }
/* fix smashed second layout column in iPad */
.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-scheduler-table td,
.k-scheduler-monthview .k-hidden {
    height: 80px;
    text-align: right;
}

.k-scheduler-phone .k-scheduler-monthview .k-scheduler-table td,
.k-scheduler-phone .k-scheduler-monthview .k-hidden {
    height: 40px;
}

.k-scheduler-table td,
.k-slot-cell {
    vertical-align: top;
}
/* separate due to old IEs */
.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-table td,
.k-scheduler-header th {
    border-style: solid;
    border-width: 0 0 1px 1px;
}

    .k-scheduler-table td:first-child,
    .k-scheduler-header th: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-times tr:last-child > th,
.k-scheduler-layout tr + tr .k-scheduler-table > tbody > tr:last-child > td,
.k-scheduler-table > tbody > tr > .k-last {
    border-bottom-width: 0;
}

.k-scrollbar-h tr + tr .k-scheduler-times,
.k-scrollbar-h .k-scheduler-content .k-scheduler-table > tbody > tr:last-child > td,
.k-scheduler-agendaview.k-scrollbar-h .k-scheduler-table > tbody > tr > td.k-last {
    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-slot-cell,
    .k-scheduler-layout tr + tr .k-scheduler-times th.k-scheduler-times-all-day {
        border-bottom-color: inherit;
    }

.k-scheduler .k-middle-row td {
    border-bottom-style: dotted;
}

.k-scheduler-now-arrow,
.k-scheduler-now-line {
    position: absolute;
}

.k-scheduler-now-arrow {
    width: 0;
    height: 0;
    border: solid 5px transparent;
    left: 0;
}

.k-scheduler-now-line {
    left: 5px;
    right: 0;
    height: 1px;
}

.k-task {
    position: relative;
}

div.k-more-events {
    text-align: center;
    font-size: 18px;
    line-height: 1.2;
    padding: 0;
}

.k-more-events > span {
    display: block;
    margin-top: -0.6em;
}

.k-event,
.k-more-events {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    overflow: hidden;
}

.k-event {
    cursor: default;
    min-height: 1.3em;
}

.k-event-drag-hint {
    filter: alpha(opacity=60);
    opacity: .6;
    cursor: -webkit-grabbing;
    cursor: -moz-grabbing;
}

.k-scheduler-header .k-event {
    white-space: nowrap;
}

.k-event-template {
    padding: .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-top-actions,
.k-event .k-event-bottom-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:hover .k-resize-handle,
.k-event-active .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: -0.7em;
    height: 1.4em;
    width: 1px;
}

.k-event > .k-resize-e:after {
    left: auto;
    right: 1px;
}

.k-scheduler-mobile .k-event > .k-resize-n,
.k-scheduler-mobile .k-event > .k-resize-s {
    height: .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: -0.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 th,
.k-scheduler-agendaview .k-scheduler-table td {
    text-align: left;
}

.k-scheduler-times .k-slot-cell,
.k-scheduler-groupcolumn {
    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: normal;
}

.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 > ul.k-reset .k-numerictextbox,
.k-edit-field span.k-recur-interval {
    width: 5em;
}

.k-edit-field > ul.k-reset .k-dropdown,
.k-edit-field > ul.k-reset .k-datepicker,
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;
}
/* Responsive styles  */
@media only screen and (max-width: 1024px) {
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views {
        position: absolute;
        right: 6px;
        top: 6px;
        z-index: 10000;
    }

    .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views,
    .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 {
        right: auto;
        left: 6px;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view),
    .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) {
        display: none;
    }

    .k-webkit .k-scheduler-toolbar li.k-nav-current .k-lg-date-format,
    .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 {
        display: none;
    }

    .k-webkit .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
    .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 {
        display: inline;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        display: block;
        border-width: 1px;
    }

    .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .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 {
        text-align: left;
        padding-left: 1em;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        display: block;
        position: relative;
        padding-right: 2.5em;
        padding-left: 1em;
    }

    .k-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .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 {
        padding-left: 0;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
    .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 {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -0.6em;
        right: 0.333em;
        width: 1.333em;
        height: 1.333em;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + 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:first-child + li,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
        display: block;
        border: 0;
        border-radius: 0;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border: 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-webkit .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .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 {
        text-align: left;
    }
}

@media only screen and (max-width: 480px) {
    .k-webkit .k-scheduler:not(.k-scheduler-mobile) .k-scheduler-toolbar li.k-nav-current .k-sm-date-format,
    .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 {
        display: none;
    }

    .k-webkit .k-scheduler-timecolumn,
    .k-ff .k-scheduler-timecolumn,
    .k-ie11 .k-scheduler-timecolumn,
    .k-safari .k-scheduler-timecolumn {
        width: 5em;
    }

    .k-webkit .k-scheduler-datecolumn,
    .k-ff .k-scheduler-datecolumn,
    .k-ie11 .k-scheduler-datecolumn,
    .k-safari .k-scheduler-datecolumn {
        width: 6em;
        overflow: hidden;
    }

        .k-webkit .k-scheduler-timecolumn > div,
        .k-ff .k-scheduler-timecolumn > div,
        .k-ie11 .k-scheduler-timecolumn > div,
        .k-safari .k-scheduler-timecolumn > div,
        .k-webkit .k-scheduler-datecolumn > div,
        .k-ff .k-scheduler-datecolumn > div,
        .k-ie11 .k-scheduler-datecolumn > div,
        .k-safari .k-scheduler-datecolumn > div {
            white-space: normal;
        }
}
/* Remove scrollbars during PDF export */
.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-header .k-scheduler-table,
    .k-scheduler-pdf-export .k-scheduler-content .k-scheduler-table {
        width: 100% !important;
    }
/* Tooltip */
.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;
    /*slider tooltip only*/
    text-align: center;
    /*slider tooltip only*/
}

.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-w,
.k-slider-tooltip .k-callout-e {
    margin-top: -6px;
}

.k-tooltip-validation .k-warning {
    vertical-align: text-top;
    margin-right: 3px;
}

.k-tooltip-validation {
    z-index: 9999;
}
/* Toolbar */
.k-toolbar {
    position: relative;
    display: block;
    vertical-align: middle;
    line-height: 2.9em;
}

    .k-toolbar .k-button .k-icon,
    .k-toolbar .k-button .k-sprite,
    .k-overflow-container .k-button .k-icon,
    .k-overflow-container .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-picker-wrap:before,
.k-toolbar .k-numeric-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-toolbar .k-button {
    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-split-button,
.k-toolbar .k-button-group,
.k-toolbar .k-widget,
.k-toolbar .k-textbox,
.k-toolbar label,
.k-toolbar .k-separator {
    margin: 0 .2em;
    line-height: 1.72em;
    vertical-align: middle;
}

.k-toolbar .k-split-button {
    padding-left: 0;
}

    .k-toolbar .k-split-button .k-button,
    .k-toolbar .k-button-group .k-group-start {
        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: none;
    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-toolbar-first-visible,
.k-overflow-container .k-overflow-group + .k-overflow-group,
.k-overflow-container .k-separator + .k-overflow-group {
    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;
}
/* Splitter */
.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: #f00;
}

.k-splitbar-horizontal .k-icon {
    position: absolute;
    top: 50%;
    width: 5px;
    height: 20px;
    margin-top: -10px;
}

.k-collapse-prev,
.k-collapse-next,
.k-expand-prev,
.k-expand-next {
    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-vertical .k-resize-handle,
.k-splitbar-draggable-horizontal .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;
}
/* Upload */
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-upload-sync .k-upload-button,
.k-ie8 .k-upload-button,
.k-ie9 .k-upload-button {
    margin: .8em;
}

.k-upload-button input {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    font: 170px monospace !important;
    /* critical for correct operation; larger values lead to ignoring or text layout problems in IE */
    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-link:not(.k-state-disabled):hover > .k-si-refresh,
.k-state-hover > .k-si-refresh,
.k-state-hover > * > .k-si-refresh,
.k-button:not(.k-state-disabled):hover .k-si-refresh,
.k-textbox:hover .k-si-refresh,
.k-button:active .k-si-refresh {
    background-position: -176px -128px;
}

.k-si-tick,
.k-success {
    background-position: -160px -96px;
}

.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-button:not(.k-state-disabled):hover .k-si-tick,
.k-button:not(.k-state-disabled):hover .k-success,
.k-textbox:hover .k-si-tick,
.k-textbox:hover .k-success,
.k-button:active .k-si-tick,
.k-button:active .k-success {
    background-position: -176px -96px;
}

.k-si-cancel {
    background-position: -160px -112px;
}

.k-link:not(.k-state-disabled):hover > .k-si-cancel,
.k-state-hover > .k-si-cancel,
.k-state-hover > * > .k-si-cancel,
.k-button:not(.k-state-disabled):hover .k-si-cancel,
.k-textbox:hover .k-si-cancel,
.k-button:active .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-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-button:not(.k-state-disabled):hover .k-file > .k-icon,
.k-textbox:hover .k-file > .k-icon,
.k-button:active .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: 0.25em 0 0;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

.k-upload-selected,
.k-upload-cancel {
    margin-bottom: .8em;
}

.k-upload-selected {
    margin-left: .8em;
    margin-right: .2em;
}
/* ImageBrowser */
.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;
    /*required by WebKit*/
}

    .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 strong,
.k-tile input {
    margin: 10px 0 4px;
    font-weight: normal;
}

.k-tile strong {
    float: left;
    width: 120px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.k-tile input {
    width: 100px;
}

.k-tile strong,
.k-tile input,
.k-tile .k-filesize {
    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: bold;
        font-size: 120%;
    }

    .k-tile-empty strong {
        display: block;
        margin: 0 0 0.2em;
        font-size: 3em;
        font-weight: normal;
    }

    .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;
}

div.k-chart,
div.k-gauge,
span.k-sparkline,
.k-stockchart {
    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(/Assets/Vendors/Kendo/styles/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;
}
/*Stock Charts*/
/* Selection */
.k-selector {
    position: absolute;
    -webkit-transform: translateZ(0);
}

.k-selection {
    position: absolute;
    border-width: 1px;
    border-style: solid;
    border-color: #d2d2d2;
    border-bottom: 0;
    height: 100%;
}

.k-selection-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.01);
    filter: alpha(opacity=1);
}

.k-handle {
    background: #d2d2d2;
    width: 7px;
    height: 26px;
    cursor: e-resize;
    z-index: 1;
    border-radius: 6px;
    position: absolute;
}

    .k-handle div {
        width: 100%;
        height: 100%;
        background-color: transparent;
    }

.k-leftHandle {
    left: -4px;
}

.k-rightHandle {
    right: -4px;
}

.k-leftHandle div {
    margin: -20px 0 0 -15px;
    padding: 40px 30px 0 0;
}

.k-rightHandle div {
    margin: -20px 0 0 -15px;
    padding: 40px 0 0 30px;
}

.k-mask {
    position: absolute;
    height: 100%;
    background-color: #fff;
    filter: alpha(opacity=80);
    opacity: 0.80;
}

.k-border {
    background: #d2d2d2;
    width: 1px;
    height: 100%;
    position: absolute;
}
/* Navigator hint */
.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;
}
/* Sparklines */
.k-sparkline,
.k-sparkline span {
    display: inline-block;
    vertical-align: top;
}

    .k-sparkline span {
        height: 100%;
        width: 100%;
    }
/* Map */
.k-map,
.k-diagram {
    height: 600px;
}

    .k-map .km-scroll-wrapper,
    .k-diagram .km-scroll-wrapper {
        padding-bottom: 0;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

    .k-map .km-scroll-wrapper,
    .k-diagram .km-scroll-wrapper,
    .k-map .km-scroll-container,
    .k-diagram .km-scroll-container {
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .k-map .k-layer,
    .k-diagram .k-layer {
        position: absolute;
        left: 0;
        top: 0;
    }

    .k-map .km-touch-scrollbar,
    .k-diagram .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: 0px 40px;
    }

    .k-map .k-marker-pin-target {
        background-position: 0px 0px;
    }

@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: 0px 80px;
    }
}
/* Control positions */
.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;
    }
/* Map navigator */
.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: none;
}

div.k-navigator > .k-button {
    margin: 0;
    padding: 0;
    line-height: 10px;
    border-radius: 16px;
    position: absolute;
    font-size: 1px;
    /*IE7*/
    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;
}
/* Attribution */
.k-map .k-attribution {
    background-color: rgba(255, 255, 255, 0.8);
    font-size: 10px;
    padding: 2px 4px;
    z-index: 1000;
}
/* Zoom */
.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: bold 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;
}
/* RTL */
.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;
}
/* Diagram */
.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%;
}
/* IE8- */
.k-diagram img {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}
/* TreeMap start */
.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;
    }
/* TreeMap end */
/* common mobile css */
.km-root,
.km-pane,
.km-pane-wrapper {
    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-view,
.k-ff .km-pane {
    overflow: hidden;
}

.k-ff18 .km-view,
.k-ff18 .km-pane,
.k-ff19 .km-view,
.k-ff19 .km-pane,
.k-ff20 .km-view,
.k-ff20 .km-pane,
.k-ff21 .km-view,
.k-ff21 .km-pane {
    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-shim .k-animation-container,
    .km-actionsheet-wrapper {
        width: 100%;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 0;
    }

    .km-shim .k-animation-container {
        width: auto;
    }
/* /common mobile css */
.km-pane-wrapper .k-grid-edit-form > .km-header,
.km-pane-wrapper .k-grid-column-menu > .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-toolbar,
.k-ie .km-pane-wrapper .k-scheduler > .k-scheduler-footer {
    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-filter-menu .k-submit,
.km-pane-wrapper .k-grid-edit-form .k-grid-update,
.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-update {
    float: right;
}

.km-pane-wrapper .k-grid-filter-menu .k-cancel,
.km-pane-wrapper .k-grid-edit-form .k-grid-cancel,
.km-pane-wrapper .k-scheduler-edit-form .k-scheduler-cancel {
    float: left;
}
/* Actiosheet Styles */
.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: -0.3em;
}

*:not(.km-pane) > .km-shim > .k-animation-container {
    margin: 0 !important;
    padding: 0 !important;
    left: 0 !important;
}
/* Adaptive Grid */
.km-pane-wrapper > div.km-pane {
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: normal;
}

.km-pane-wrapper .k-popup-edit-form .km-content > .km-scroll-container,
.km-pane-wrapper .k-grid-edit-form .km-content > .km-scroll-container,
.km-pane-wrapper .k-grid-column-menu .km-content > .km-scroll-container,
.km-pane-wrapper .k-grid-filter-menu .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-popup-edit-form,
.km-pane-wrapper .k-grid-edit-form .k-edit-form-container {
    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;
        }
/* Adaptive Grid & Scheduler */
.km-pane-wrapper .km-pane * {
    -webkit-background-clip: border-box;
    background-clip: border-box;
}

.km-pane-wrapper .km-pane .k-mobile-list,
.km-pane-wrapper .k-mobile-list ul {
    padding: 0;
    margin: 0;
    list-style-type: none;
    border-radius: 0;
    background: none;
}

.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-item,
.km-pane-wrapper .k-mobile-list .k-item > .k-link,
.km-pane-wrapper .k-mobile-list .k-item > .k-label,
.km-pane-wrapper .k-mobile-list .k-edit-label {
    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-item,
.km-pane-wrapper .k-mobile-list .k-edit-field,
.km-pane-wrapper .k-mobile-list .k-edit-label {
    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 .km-header .k-icon,
.km-pane-wrapper .k-grid-toolbar .k-icon,
.km-pane-wrapper .k-grid-edit .k-icon,
.km-pane-wrapper .k-grid-delete .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-edit-buttons,
.km-pane-wrapper .k-mobile-list .k-button-container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5em 1em;
    margin: 0;
}

.km-pane-wrapper .k-mobile-list > ul > li > .k-link,
.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 #recurrence .km-scroll-container > .k-edit-label:first-child {
    display: block;
    padding: .2em 1em;
    font-size: .95em;
    position: -webkit-sticky;
    margin: 0;
    font-weight: normal;
    line-height: 2em;
    background: transparent;
    border-top: 1em solid transparent;
}

.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 {
    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-link,
.km-pane-wrapper .k-mobile-list .k-item > .k-label {
    line-height: inherit;
    text-decoration: none;
    margin: -0.5em 0 -0.5em -1em;
}
/* Mobile list form elements */
.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;
}

.km-pane-wrapper .k-mobile-list .k-link .k-check,
.km-pane-wrapper .k-mobile-list .k-label .k-check,
.k-mobile-list .k-edit-field [type=checkbox],
.k-mobile-list .k-edit-field [type=radio] {
    border: 0;
    font-size: inherit;
    width: 13px;
    height: 13px;
    margin: .26em 1em .26em 0;
}

.k-ie .km-pane-wrapper .k-icon,
.k-ie .km-pane-wrapper .k-mobile-list .k-link .k-check,
.k-ie .km-pane-wrapper .k-mobile-list .k-label .k-check,
.k-ie .k-mobile-list .k-edit-field [type=checkbox],
.k-ie .k-mobile-list .k-edit-field [type=radio] {
    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 .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,
.km-pane-wrapper .k-mobile-list .k-widget,
.km-pane-wrapper .k-edit-field > *:not([type="checkbox"]):not([type="radio"]):not(.k-button) {
    text-indent: 0;
    font-size: 1em;
    line-height: 1.6em;
    vertical-align: middle;
    height: auto;
    padding: 0;
    border: 0;
    margin: 0;
    background: transparent;
    -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: transparent;
}

.km-pane-wrapper *:not(.k-state-default):not(.k-pager-input) > input:not([type="checkbox"]):not([type="radio"]),
.km-pane-wrapper .k-mobile-list select:not([multiple]),
.km-pane-wrapper .k-mobile-list textarea,
.km-pane-wrapper .k-mobile-list .k-widget,
.km-pane-wrapper .k-edit-field > *:not([type="checkbox"]):not([type="radio"]):not(.k-button) {
    width: 80%;
    padding: .6em 0;
    margin: -0.5em 0;
}

.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,
.km-pane-wrapper .k-mobile-list .k-widget,
.km-pane-wrapper .k-mobile-list .k-edit-field > * {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: right;
    z-index: 1;
    position: relative;
}

.km-pane-wrapper .k-scheduler-views {
    width: 18em;
}

.km-pane-wrapper .k-mobile-list .k-edit-field.k-scheduler-toolbar {
    background: transparent;
    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-scheduler-views,
.km-pane-wrapper .k-mobile-list .k-scheduler-navigation {
    display: table;
    table-layout: fixed;
}

    .km-pane-wrapper .k-scheduler-views li,
    .km-pane-wrapper .k-mobile-list .k-scheduler-navigation li {
        display: table-cell;
        text-align: center;
    }

.km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check {
    margin: 0;
    padding-left: 1em;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:first-child {
        margin-top: -0.5em;
    }

    .km-pane-wrapper .k-mobile-list .k-recur-view > .k-edit-field .k-check:last-child {
        margin-bottom: -0.5em;
    }

.km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
    text-indent: 1em;
}

.km-pane-wrapper .k-mobile-list .k-edit-field > .k-button {
    margin-left: 20%;
    float: left;
}

.km-pane-wrapper .k-mobile-list .k-picker-wrap,
.km-pane-wrapper .k-mobile-list .k-numeric-wrap,
.km-pane-wrapper .k-mobile-list .k-dropdown-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-grid .k-button,
.km-pane-wrapper .k-edit-form-container .k-button {
    margin: 0;
}

    .km-pane-wrapper .k-grid .k-button + .k-button,
    .km-pane-wrapper .k-edit-form-container .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-wrap .k-pager-numbers + .k-pager-nav,
    .km-pane-wrapper .k-pager-nav:first-child + .k-pager-nav + .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 *:not(.k-state-default):not(.k-pager-input) > input:not([type="checkbox"]):not([type="radio"]),
    .km-pane-wrapper .k-mobile-list select:not([multiple]),
    .km-pane-wrapper .k-mobile-list textarea,
    .km-pane-wrapper .k-mobile-list .k-widget,
    .km-pane-wrapper .k-edit-field > *:not([type="checkbox"]):not([type="radio"]):not(.k-button) {
        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-recur-view > .k-edit-field .k-check,
.km-pane-wrapper .k-mobile-list .k-edit-field > * > select:not([multiple]),
.km-pane-wrapper .k-mobile-list .k-scheduler-timezones .k-edit-field label.k-check {
    width: 100%;
}
/* Mobile Scroller */
.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 0.3s linear;
    transition: opacity 0.3s linear;
    -webkit-transition: "opacity 0.3s linear";
    transition: "opacity 0.3s linear";
}

.km-vertical-scrollbar {
    height: 100%;
    right: 2px;
    top: 2px;
}

.km-horizontal-scrollbar {
    width: 100%;
    left: 2px;
    bottom: 2px;
}
/* Responsive styles  */
@media only screen and (max-width: 1024px) {
    .k-scheduler-toolbar > ul.k-scheduler-views {
        position: absolute;
        right: 6px;
        top: 6px;
        z-index: 10000;
    }

    .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views {
        right: auto;
        left: 6px;
    }

    .k-scheduler-toolbar > ul.k-scheduler-views > li:not(.k-current-view) {
        display: none;
    }

    .k-scheduler-toolbar li.k-nav-current .k-lg-date-format {
        display: none;
    }

    .k-scheduler-toolbar li.k-nav-current .k-sm-date-format {
        display: inline;
    }

    .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        display: block;
        border-width: 1px;
    }

    .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        text-align: left;
        padding-left: 1em;
    }

    .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        display: block;
        position: relative;
        padding-right: 2.5em;
        padding-left: 1em;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        padding-left: 0;
    }

    .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -0.6em;
        right: 0.333em;
        width: 1.333em;
        height: 1.333em;
    }

    .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li:first-child + li {
        display: block;
        border: 0;
        border-radius: 0;
    }

    .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border: 1px solid #c5c5c5;
        background-color: #fff;
        background-image: none;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    }

    .k-rtl .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        text-align: left;
    }
}
/* animation classes */
.k-fx-end .k-fx-next,
.k-fx-end .k-fx-current {
    -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;
}
/* Zoom */
.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-start .k-fx-next,
.k-fx-zoom.k-fx-reverse.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-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;
}
/* Fade */
.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;
}
/* Slide */
.k-fx-slide {
    /* left */
    /* left reverse */
    /* right */
}

    .k-fx-slide.k-fx-end .k-fx-next .km-content,
    .k-fx-slide.k-fx-end .k-fx-next .km-header,
    .k-fx-slide.k-fx-end .k-fx-next .km-footer,
    .k-fx-slide.k-fx-end .k-fx-current .km-content,
    .k-fx-slide.k-fx-end .k-fx-current .km-header,
    .k-fx-slide.k-fx-end .k-fx-current .km-footer {
        -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-header,
    .k-fx-slide.k-fx-start .k-fx-next .km-footer {
        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-header,
    .k-fx-slide.k-fx-end .k-fx-next .km-footer {
        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-header,
    .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-current .km-footer {
        will-change: opacity;
        opacity: 1;
    }

    .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-header,
    .k-fx-slide.k-fx-reverse.k-fx-start .k-fx-next .km-footer {
        opacity: 1;
    }

    .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-header,
    .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-current .km-footer {
        opacity: 0;
    }

    .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-header,
    .k-fx-slide.k-fx-reverse.k-fx-end .k-fx-next .km-footer {
        opacity: 1;
    }

    .k-fx-slide.k-fx-right {
        /* right reverse */
    }

        .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%);
        }
/* Tile */
.k-fx-tile {
    /* left */
    /* left reverse */
    /* right */
}

    .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 {
        /* right reverse */
    }

        .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%);
        }
/* Tile */
.k-fx-tile {
    /* left */
    /* left reverse */
    /* right */
}

    .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 {
        /* right reverse */
    }

        .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%);
        }
/* Overlay */
.k-fx.k-fx-overlay.k-fx-start .k-fx-next,
.k-fx.k-fx-overlay.k-fx-left.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%);
}
/* Virtual List */
.k-virtual-wrap {
    position: relative;
}

    .k-virtual-wrap .k-list.k-virtual-list {
        height: auto;
    }

.k-virtual-content {
    overflow-y: scroll;
    /* has to be scroll, not auto */
    -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-virtual-item.k-first,
.k-group-header + .k-list > .k-item.k-first,
.k-static-header + .k-list > .k-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(/Assets/Vendors/Kendo/styles/fonts/glyphs/KendoUIGlyphs.eot?y6oa7j);
    src: url(/Assets/Vendors/Kendo/styles/fonts/glyphs/KendoUIGlyphs.eot?y6oa7j?#iefix) format('embedded-opentype'), url(/Assets/Vendors/Kendo/styles/fonts/glyphs/KendoUIGlyphs.ttf?y6oa7j) format('truetype'), url(/Assets/Vendors/Kendo/styles/fonts/glyphs/KendoUIGlyphs.woff?y6oa7j) format('woff'), url(/Assets/Vendors/Kendo/styles/fonts/glyphs/KendoUIGlyphs.svg?y6oa7j#KendoUIGlyphs) format('svg');
    font-weight: normal;
    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-vaxis,
    .k-spreadsheet .k-spreadsheet-haxis {
        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-spreadsheet-data,
    .k-spreadsheet .k-merged-cells-wrapper,
    .k-spreadsheet .k-selection-wrapper,
    .k-spreadsheet .k-spreadsheet-active-cell {
        cursor: cell;
    }

    .k-spreadsheet .k-filter-range,
    .k-spreadsheet .k-spreadsheet-selection {
        border-width: 1px;
        border-style: solid;
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .k-spreadsheet .k-spreadsheet-active-cell {
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .k-spreadsheet .k-spreadsheet-formula-bar {
        border-width: 0 1px 1px;
        border-style: solid;
        padding-left: 31px;
        position: relative;
        font-size: 12px;
        font-family: Arial, Verdana, sans-serif;
    }

        .k-spreadsheet .k-spreadsheet-formula-bar:before {
            background-image: none;
            font-family: 'KendoUIGlyphs';
            speak: none;
            font-style: normal;
            font-weight: normal;
            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: none;
        border-width: 0;
        height: 26px;
        line-height: 20px;
        width: 100%;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        white-space: pre;
        padding: 3px 0.5em 0;
    }

    .k-spreadsheet .k-spreadsheet-cell-editor {
        position: absolute;
        display: none;
        padding: 0 3px;
        line-height: 20px;
        z-index: 2000;
        overflow: hidden;
    }

    .k-spreadsheet > .k-spreadsheet-view {
        position: relative;
        font-size: 12px;
        font-family: Arial, Verdana, sans-serif;
    }

    .k-spreadsheet .k-tabstrip-wrapper {
        position: relative;
        line-height: 1.7em;
    }

        .k-spreadsheet .k-tabstrip-wrapper .k-tabstrip-items {
            padding: 0.3em 0 0;
        }

    .k-spreadsheet .k-spreadsheet-quick-access-toolbar {
        display: inline-block;
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        padding: 0.3em 0.3em 0;
    }

        .k-spreadsheet .k-spreadsheet-quick-access-toolbar .k-button {
            padding: .3em;
            line-height: 1.4em;
        }

    .k-spreadsheet .k-merged-cells-wrapper,
    .k-spreadsheet .k-selection-wrapper,
    .k-spreadsheet .k-filter-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: #f00 #f00 transparent transparent;
    }

    .k-spreadsheet .k-single-selection::after {
        content: " ";
        height: 6px;
        width: 6px;
        position: absolute;
        display: block;
        bottom: 0;
        right: 0;
        border-radius: 50%;
        margin-bottom: -5px;
        margin-right: -5px;
        border-width: 1px;
        border-style: solid;
        z-index: 100;
        cursor: crosshair;
    }

    .k-spreadsheet .k-auto-fill,
    .k-spreadsheet .k-auto-fill-punch {
        position: absolute;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .k-spreadsheet .k-auto-fill {
        border-width: 1px;
        border-style: solid;
        cursor: crosshair;
    }

    .k-spreadsheet .k-auto-fill-wrapper {
        position: relative;
    }

.k-font-icon,
.k-font-icon.k-icon,
.k-font-icon.k-tool-icon {
    font-family: 'KendoUIGlyphs';
    speak: none;
    font-style: normal;
    font-weight: normal;
    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-reset-color,
.k-button.k-custom-color {
    display: block;
    width: 100%;
    border-radius: 0;
    border: none;
    text-align: left;
    line-height: 2em;
}

.k-spreadsheet-colorpicker .k-colorpalette {
    border: 1px solid #dbdbdb;
    border-left: none;
    border-right: none;
    padding: 0.4em;
}

.k-spreadsheet-filter {
    position: absolute;
    cursor: pointer;
}

.k-spreadsheet-sample {
    float: right;
}

.k-spreadsheet-clipboard-paste,
.k-spreadsheet-clipboard {
    position: fixed;
    opacity: 0;
    top: 0;
    left: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: 0;
    width: 1px;
    height: 1px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.k-spreadsheet-top-corner {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    border-width: 0 1px 1px 0;
    border-style: solid;
}

    .k-spreadsheet-top-corner:after {
        content: "";
        display: block;
        width: 0;
        height: 0;
        overflow: hidden;
        position: absolute;
        bottom: 0;
        right: 0;
        border-width: 6px;
        border-style: solid;
    }

.k-spreadsheet-scroller {
    width: 100%;
    height: 100%;
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
    position: absolute;
    z-index: 1;
}

.k-spreadsheet-fixed-container {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 2;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.k-spreadsheet-view-size {
    position: relative;
}

.k-spreadsheet-column-header,
.k-spreadsheet-row-header {
    text-align: center;
}

    .k-spreadsheet-column-header .k-spreadsheet-cell,
    .k-spreadsheet-row-header .k-spreadsheet-cell {
        border-style: solid;
        border-width: 0 1px 1px 0;
    }

.k-spreadsheet-window .k-root-tabs {
    border-width: 0;
    margin: -1em -1em 0;
    padding: .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-textbox,
    .k-spreadsheet-window .k-edit-field .k-dropdown {
        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: bold;
    text-align: center;
    font-size: 1.16em;
    line-height: 3.64em;
    margin: 0 -0.863em 0.72em;
    border-style: solid;
    border-width: 1px 0;
}

.k-spreadsheet-border-palette {
    width: 153px;
}

    .k-spreadsheet-border-palette .k-spreadsheet-border-type-palette .k-button {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 20%;
    }

    .k-spreadsheet-border-palette .k-colorpalette {
        vertical-align: bottom;
    }

.k-spreadsheet-popup .k-separator {
    width: 1px;
    height: 1.8em;
    vertical-align: middle;
    display: inline-block;
}

.k-spreadsheet-popup .k-colorpalette {
    vertical-align: top;
}

.k-spreadsheet-popup .k-button.k-button-icon {
    padding: 0.6em;
    border-width: 0;
    border-radius: 0;
}

.k-spreadsheet-popup .k-button.k-button-icontext {
    display: block;
    text-align: left;
    text-transform: initial;
    padding: 0.3em 1.5em 0.3em 0.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-spreadsheet-quick-access-toolbar .k-button,
.k-button.k-spreadsheet-sheets-bar-add {
    border-color: transparent;
    background-color: transparent;
    background-image: none;
}
/* top TabStrip */
.k-spreadsheet-tabstrip {
    border-left-width: 0;
    border-right-width: 0;
    border-top-width: 0;
}

    .k-spreadsheet-tabstrip > .k-content {
        border-left-width: 0;
        border-right-width: 0;
        border-bottom-width: 0;
        margin: 0;
        padding: 0;
    }

    .k-spreadsheet-tabstrip .k-loading {
        display: none;
    }

.k-spreadsheet-toolbar.k-toolbar {
    border-top-width: 0;
    border-left-width: 0;
    border-right-width: 0;
}

    .k-spreadsheet-toolbar.k-toolbar .k-overflow-anchor + * {
        margin-left: 0.3em;
    }

    .k-spreadsheet-toolbar.k-toolbar > .k-button-group {
        border-width: 0;
    }

.k-spreadsheet-toolbar > .k-widget,
.k-spreadsheet-toolbar .k-button,
.k-spreadsheet-toolbar > .k-button-group,
.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-func.k-syntax-at-point,
.k-spreadsheet-formula-input > .k-syntax-bool.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,
.k-spreadsheet-formula-input > .k-syntax-num.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;
    }
/* bottom TabStrip */
.k-spreadsheet-sheets-bar {
    position: relative;
}

.k-button.k-spreadsheet-sheets-bar-add {
    position: absolute;
    bottom: .2em;
    left: .4em;
    z-index: 1;
}

.k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove {
    padding: 0;
    margin: 0.5em 0.5em 0.5em -0.5em;
}

    .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-button-icon {
        padding: 2px;
        line-height: normal;
    }

    .k-spreadsheet-sheets-bar .k-spreadsheet-sheets-remove .k-icon {
        margin: 0;
    }

.k-spreadsheet-sheets-items-hint {
    margin-top: .1em;
    background: none !important;
    border-width: 0 !important;
}
/* Default fonts for PDF export */
/* sans-serif */
@font-face {
    font-family: "DejaVu Sans";
    src: url(/Assets/Vendors/Kendo/styles/fonts/DejaVu/DejaVuSans.ttf?v=1.1) format("truetype");
}

@font-face {
    font-family: "DejaVu Sans";
    font-weight: bold;
    src: url(/Assets/Vendors/Kendo/styles/fonts/DejaVu/DejaVuSans-Bold.ttf?v=1.1) format("truetype");
}

@font-face {
    font-family: "DejaVu Sans";
    font-style: italic;
    src: url(/Assets/Vendors/Kendo/styles/fonts/DejaVu/DejaVuSans-Oblique.ttf?v=1.1) format("truetype");
}

@font-face {
    font-family: "DejaVu Sans";
    font-weight: bold;
    font-style: italic;
    src: url(/Assets/Vendors/Kendo/styles/fonts/DejaVu/DejaVuSans-BoldOblique.ttf?v=1.1) format("truetype");
}
/* serif */
@font-face {
    font-family: "DejaVu Serif";
    src: url(/Assets/Vendors/Kendo/styles/fonts/DejaVu/DejaVuSerif.ttf?v=1.1) format("truetype");
}

@font-face {
    font-family: "DejaVu Serif";
    font-weight: bold;
    src: url(/Assets/Vendors/Kendo/styles/fonts/DejaVu/DejaVuSerif-Bold.ttf?v=1.1) format("truetype");
}

@font-face {
    font-family: "DejaVu Serif";
    font-style: italic;
    src: url(/Assets/Vendors/Kendo/styles/fonts/DejaVu/DejaVuSerif-Italic.ttf?v=1.1) format("truetype");
}

@font-face {
    font-family: "DejaVu Serif";
    font-weight: bold;
    font-style: italic;
    src: url(/Assets/Vendors/Kendo/styles/fonts/DejaVu/DejaVuSerif-BoldItalic.ttf?v=1.1) format("truetype");
}
/* monospace */
@font-face {
    font-family: "DejaVu Mono";
    src: url(/Assets/Vendors/Kendo/styles/fonts/DejaVu/DejaVuSansMono.ttf?v=1.1) format("truetype");
}

@font-face {
    font-family: "DejaVu Mono";
    font-weight: bold;
    src: url(/Assets/Vendors/Kendo/styles/fonts/DejaVu/DejaVuSansMono-Bold.ttf?v=1.1) format("truetype");
}

@font-face {
    font-family: "DejaVu Mono";
    font-style: italic;
    src: url(/Assets/Vendors/Kendo/styles/fonts/DejaVu/DejaVuSansMono-Oblique.ttf?v=1.1) format("truetype");
}

@font-face {
    font-family: "DejaVu Mono";
    font-weight: bold;
    font-style: italic;
    src: url(/Assets/Vendors/Kendo/styles/fonts/DejaVu/DejaVuSansMono-BoldOblique.ttf?v=1.1) format("truetype");
}

.kendo-pdf-hide-pseudo-elements:before,
.kendo-pdf-hide-pseudo-elements:after {
    display: none !important;
}

/** 
 * Kendo UI v2016.1.406 (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.                                                                                                      
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       
                                                                                                                                                                                                       

*/
/* Kendo skin */
.k-theme-test-class,
.ktb-theme-id-default {
    opacity: 0;
}

.ktb-var-accent {
    color: #1984c8;
}

.ktb-var-base {
    color: #f3f3f4;
}

.ktb-var-background {
    color: #fff;
}

.ktb-var-border-radius {
    border-radius: 4px;
}

.ktb-var-normal-background {
    color: #fff;
}

.ktb-var-normal-gradient {
    background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.45)), to(rgba(255,255,255,0)));
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 100%);
}

.ktb-var-normal-text-color {
    color: #515967;
}

.ktb-var-hover-background {
    color: #b6bdca;
}

.ktb-var-hover-gradient {
    background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);
}

.ktb-var-hover-text-color {
    color: #263248;
}

.ktb-var-selected-background {
    color: #1984c8;
}

.ktb-var-selected-gradient {
    background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,.2)));
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
}

.ktb-var-selected-text-color {
    color: #fff;
}

.ktb-var-error {
    color: #ffe0d9;
}

.ktb-var-warning {
    color: #ffe79e;
}

.ktb-var-success {
    color: #eaf7ec;
}

.ktb-var-info {
    color: #e5f5fa;
}

.ktb-var-series-a {
    color: #007bc3;
}

.ktb-var-series-b {
    color: #76b800;
}

.ktb-var-series-c {
    color: #ffae00;
}

.ktb-var-series-d {
    color: #ef4c00;
}

.ktb-var-series-e {
    color: #a419b7;
}

.ktb-var-series-f {
    color: #430B62;
}

.k-grid-norecords-template {
    background-color: #fff;
    border: 1px solid #dedee0;
}

.k-in,
.k-item,
.k-window-action {
    border-color: transparent;
}
/* main colors */
.k-block,
.k-widget {
    background-color: #fff;
}

.k-block,
.k-widget,
.k-input,
.k-textbox,
.k-group,
.k-content,
.k-header,
.k-filter-row > th,
.k-editable-area,
.k-separator,
.k-colorpicker .k-i-arrow-s,
.k-textbox > input,
.k-autocomplete,
.k-dropdown-wrap,
.k-toolbar,
.k-group-footer td,
.k-grid-footer,
.k-footer-template td,
.k-state-default,
.k-state-default .k-select,
.k-state-disabled,
.k-grid-header,
.k-grid-header-wrap,
.k-grid-header-locked,
.k-grid-footer-locked,
.k-grid-content-locked,
.k-grid td,
.k-grid td.k-state-selected,
.k-grid-footer-wrap,
.k-pager-wrap,
.k-pager-wrap .k-link,
.k-pager-refresh,
.k-grouping-header,
.k-grouping-header .k-group-indicator,
.k-panelbar > .k-item > .k-link,
.k-panel > .k-item > .k-link,
.k-panelbar .k-panel,
.k-panelbar .k-content,
.k-treemap-tile,
.k-calendar th,
.k-slider-track,
.k-splitbar,
.k-dropzone-active,
.k-tiles,
.k-toolbar,
.k-tooltip,
.k-button-group .k-tool,
.k-upload-files {
    border-color: #dedee0;
}

    .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: #f5f5f5;
    }

.k-grouping-row td,
td.k-group-cell,
.k-resize-handle-inner {
    background-color: #f3f3f4;
}

.k-list-container {
    border-color: #ceced2;
    background-color: #f3f3f4;
}

.k-content,
.k-editable-area,
.k-panelbar > li.k-item,
.k-panel > li.k-item,
.k-tiles {
    background-color: #fff;
}

.k-alt,
.k-separator,
.k-resource.k-alt,
.k-pivot-layout > tbody > tr:first-child > td:first-child {
    background-color: #fbfbfb;
}

.k-pivot-rowheaders .k-alt .k-alt,
.k-header.k-alt {
    background-color: #e6e6e8;
}

.k-textbox,
.k-autocomplete.k-header,
.k-dropdown-wrap.k-state-active,
.k-picker-wrap.k-state-active,
.k-numeric-wrap.k-state-active {
    border-color: #dedee0;
    background-color: #f3f3f4;
}

    .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: #dedee0;
    }

    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: #fff;
            color: #515967;
        }

            .k-input[readonly] {
                background-color: #fff;
                color: #515967;
            }

.k-block,
.k-widget,
.k-popup,
.k-content,
.k-toolbar,
.k-dropdown .k-input {
    color: #515967;
}

.k-inverse {
    color: #ffffff;
}

.k-block {
    color: #535b6a;
}

.k-link:link,
.k-link:visited,
.k-nav-current.k-state-hover .k-link {
    color: #505968;
}

.k-tabstrip-items .k-link,
.k-panelbar > li > .k-link {
    color: #515967;
}

.k-header,
.k-treemap-title,
.k-grid-header .k-header > .k-link {
    color: #535b6a;
}

.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: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.45)), to(rgba(255,255,255,0)));
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    background-color: #f3f3f4;
}

.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: #f3f3f4;
}
/* icons */
.k-icon:hover,
.k-state-hover .k-icon,
.k-state-selected .k-icon,
.k-state-focused .k-icon,
.k-column-menu .k-state-hover .k-sprite,
.k-column-menu .k-state-active .k-sprite,
.k-pager-numbers .k-current-page .k-link:hover:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view.k-state-hover > .k-link:after {
    opacity: 1;
}

.k-icon,
.k-state-disabled .k-icon,
.k-column-menu .k-sprite,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after {
    opacity: 0.9;
}

.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
    opacity: 0.9;
}

.k-tool {
    border-color: transparent;
}

.k-icon,
.k-tool-icon,
.k-grouping-dropclue,
.k-drop-hint,
.k-column-menu .k-sprite,
.k-grid-mobile .k-resize-handle-inner:before,
.k-grid-mobile .k-resize-handle-inner:after,
.k-pager-numbers .k-current-page .k-link:after,
.k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link:after,
.k-gantt-views > .k-current-view > .k-link:after {
    background-image: url(/Assets/Vendors/Kendo/styles/Silver/sprite.png);
    border-color: transparent;
}
/* IE will ignore the above selectors if these are added too */
.k-mobile-list .k-check:checked,
.k-mobile-list .k-edit-field [type=checkbox]:checked,
.k-mobile-list .k-edit-field [type=radio]:checked {
    background-image: url(/Assets/Vendors/Kendo/styles/Silver/sprite.png);
    border-color: transparent;
}

.k-loading,
.k-state-hover .k-loading {
    background-image: url(/Assets/Vendors/Kendo/styles/Silver/loading.gif);
    background-position: 50% 50%;
}

.k-loading-image {
    background-image: url(/Assets/Vendors/Kendo/styles/Silver/loading-image.gif);
}

.k-loading-color {
    background-color: #ffffff;
}

.k-button {
    color: #515967;
    border-color: #ceced2;
    background-color: #f3f3f4;
}

.k-draghandle {
    border-color: #a0dba9;
    background-color: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .k-draghandle:hover {
        border-color: #95d79f;
        background-color: #b7bdc9;
        -webkit-box-shadow: none;
        box-shadow: none;
    }
/* Scheduler */
.k-scheduler {
    color: #515967;
    background-color: #fff;
}

.k-scheduler-layout {
    color: #515967;
}

.k-scheduler-datecolumn,
.k-scheduler-groupcolumn {
    background-color: #fff;
    color: #515967;
}

.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: #ceced2;
}

.k-nonwork-hour {
    background-color: #fbfbfb;
}

.k-gantt .k-nonwork-hour {
    background-color: rgba(243, 243, 244, 0.2);
}

.k-gantt .k-header.k-nonwork-hour {
    background-color: rgba(243, 243, 244, 0.15);
}

.k-scheduler-table .k-today,
.k-today > .k-scheduler-datecolumn,
.k-today > .k-scheduler-groupcolumn {
    background-color: #ffffff;
}

.k-scheduler-now-arrow {
    border-left-color: #ff6745;
}

.k-scheduler-now-line {
    background-color: #ff6745;
}

.k-event,
.k-task-complete {
    border-color: #97cff2;
    background: #53afea 0 -257px url(/Assets/Vendors/Kendo/styles/textures/highlight.png) repeat-x;
    color: #515967;
}

.k-event-inverse {
    color: #fff;
}

.k-event.k-state-selected {
    background-position: 0 0;
    -webkit-box-shadow: 0 0 0 2px #515967;
    box-shadow: 0 0 0 2px #515967;
}

.k-event .k-resize-handle:after,
.k-task-single .k-resize-handle:after {
    background-color: #4f5764;
}

.k-scheduler-marquee:before,
.k-scheduler-marquee:after {
    border-color: #1984c8;
}

.k-panelbar .k-content,
.k-panelbar .k-panel,
.k-panelbar .k-item {
    background-color: #fff;
    color: #515967;
    border-color: #ceced2;
}

.k-panelbar > li > .k-link {
    color: #515967;
}

.k-panelbar > .k-item > .k-link {
    border-color: #ceced2;
}

.k-panel > li.k-item {
    background-color: #fff;
}
/* states */
.k-state-active,
.k-state-active:hover,
.k-active-filter,
.k-tabstrip .k-state-active {
    background-color: #ffffff;
    border-color: #a6a6ad;
    color: #535b6a;
}

.k-fieldselector .k-list-container {
    background-color: #ffffff;
}

.k-button:focus,
.k-button.k-state-focused {
    border-color: #ceced2;
}

.k-button:hover,
.k-button.k-state-hover {
    color: #263248;
    border-color: #bebec3;
    background-color: #b6bdca;
}

.k-button:active,
.k-button.k-state-active {
    color: #fff;
    background-color: #1984c8;
    border-color: #1a87cd;
}

    .k-button:active:hover,
    .k-button.k-state-active:hover {
        color: #ffffff;
        border-color: #7b889f;
        background-color: #1b8dd6;
    }

.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: #a6a6ad;
    border-color: #ceced2;
    background-color: #f3f3f4;
    background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.45)), to(rgba(255,255,255,0)));
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 100%);
}

.k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: inset 0 0 3px 1px #bebec3;
    box-shadow: inset 0 0 3px 1px #bebec3;
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: inset 0 0 3px 1px #14699f;
    box-shadow: inset 0 0 3px 1px #14699f;
}

.k-menu .k-state-hover > .k-state-active {
    background-color: transparent;
}

.k-state-highlight {
    background: #ffffff;
    color: #535b6a;
}

.k-state-focused,
.k-grouping-row .k-state-focused {
    border-color: #dedee0;
}

.k-calendar .k-link {
    color: #505968;
}

.k-calendar .k-footer {
    padding: 0;
}

    .k-calendar .k-footer .k-nav-today {
        color: #505968;
        text-decoration: none;
        background-color: #fff;
    }

        .k-calendar .k-footer .k-nav-today:hover,
        .k-calendar .k-footer .k-nav-today.k-state-hover {
            background-color: #fff;
            text-decoration: underline;
        }

        .k-calendar .k-footer .k-nav-today:active {
            background-color: #fff;
        }

.k-calendar .k-link.k-nav-fast {
    color: #505968;
}

.k-calendar .k-nav-fast.k-state-hover {
    text-decoration: none;
    background-color: #b6bdca;
    color: #263248;
}

.k-calendar .k-link.k-state-hover {
    border-radius: 4px;
}

.k-calendar .k-today {
    -webkit-box-shadow: inset 0 0 0 1px #1984c8;
    box-shadow: inset 0 0 0 1px #1984c8;
}

    .k-calendar .k-today .k-link {
        color: #1984c8;
        font-weight: bold;
    }

.k-calendar td.k-today.k-state-focused,
.k-calendar td.k-today.k-state-focused.k-state-hover {
    -webkit-box-shadow: inset 0 0 3px 1px #d7dae0;
    box-shadow: inset 0 0 3px 1px #d7dae0;
}

.k-calendar td.k-today.k-state-hover,
.k-calendar td.k-today.k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .k-calendar td.k-today.k-state-hover .k-link {
        color: #505968;
    }

.k-calendar .k-footer .k-link {
    border-radius: 0;
}

.k-calendar th {
    background-color: #f5f5f5;
}

.k-calendar td.k-state-selected.k-state-hover {
    background-color: #1186d0;
    background-image: none;
}

.k-calendar td.k-state-selected .k-link,
.k-calendar td.k-today.k-state-selected.k-state-hover .k-link {
    color: #fff;
}

.k-calendar td.k-state-focused.k-state-selected,
.k-calendar td.k-state-selected.k-state-active,
.k-calendar td.k-state-selected:active,
.k-calendar td.k-state-selected.k-state-hover:active {
    -webkit-box-shadow: inset 0 0 3px 1px #d7dae0;
    box-shadow: inset 0 0 3px 1px #d7dae0;
}

.k-window-titlebar .k-link {
    border-radius: 4px;
}

.k-calendar-container.k-group {
    border-color: #ceced2;
}

.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: #fff;
    background-color: #1984c8;
    border-color: #1a87cd;
}

.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: #bebec3;
}

.k-group-header + div > .k-list > .k-item.k-first {
    -webkit-box-shadow: 0 -1px 0px 0px #bbbbc6;
    box-shadow: 0 -1px 0px 0px #bbbbc6;
}

.k-popup > .k-group-header,
.k-popup > .k-virtual-wrap > .k-group-header {
    background: #bebec3;
    color: #fff;
}

.k-popup .k-list .k-item > .k-group {
    background: #bbbbc6;
    color: #fff;
    border-bottom-left-radius: 3px;
}

.k-popup .k-treeview .k-item > .k-group {
    background: transparent;
    color: #515967;
}

.k-marquee-text {
    color: #fff;
}

.k-state-focused,
.k-list > .k-state-focused,
.k-listview > .k-state-focused,
.k-grid-header th.k-state-focused,
td.k-state-focused,
.k-button.k-state-focused {
    -webkit-box-shadow: inset 0 0 3px 1px #d7dae0;
    box-shadow: inset 0 0 3px 1px #d7dae0;
}

    .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 {
        -webkit-box-shadow: inset 0 0 3px 1px #14699f;
        box-shadow: inset 0 0 3px 1px #14699f;
    }

.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 {
    background-color: #b6bdca;
}

.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: #fff;
}

.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: #263248;
    background-color: #b6bdca;
    border-color: #bebec3;
}
/* 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: #263248;
    background-color: #b6bdca;
    border-color: #bebec3;
}

.k-ie8 .k-window-titlebar .k-state-hover {
    border-color: #bebec3;
}

.k-state-hover > .k-select,
.k-state-focused > .k-select {
    border-color: #bebec3;
}

.k-button:hover,
.k-button.k-state-hover,
.k-button:focus,
.k-button.k-state-focused,
.k-textbox:hover,
.k-state-hover,
.k-state-hover:hover,
.k-pager-wrap .k-link:hover,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em,
.k-draghandle:hover {
    background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);
}

.k-pager-wrap {
    background-color: #f3f3f4;
    color: #535b6a;
}

.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: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,.2)));
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
}

.k-button:active,
.k-button.k-state-active,
.k-draghandle.k-state-selected:hover {
    background-position: 50% 50%;
}

.k-tool-icon {
    background-image: url(/Assets/Vendors/Kendo/styles/Silver/sprite.png);
}

.k-state-hover > .k-link,
.k-other-month.k-state-hover .k-link,
div.k-filebrowser-dropzone em {
    color: #263248;
}

.k-autocomplete.k-state-hover,
.k-autocomplete.k-state-focused,
.k-picker-wrap.k-state-hover,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-hover,
.k-numeric-wrap.k-state-focused,
.k-dropdown-wrap.k-state-hover,
.k-dropdown-wrap.k-state-focused {
    background-color: #b5bdcb;
    background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    border-color: #bebec3;
}

.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: #515967;
}

.k-dropdown .k-state-hover .k-input {
    color: #263248;
}

.k-state-error {
    border-color: #ff6745;
    background-color: #fdfdfd;
    color: #1778b6;
}

.k-state-disabled {
    opacity: .7;
}

.k-ie8 .k-state-disabled {
    filter: alpha(opacity=70);
}

.k-tile-empty.k-state-selected,
.k-loading-mask.k-state-selected {
    border-width: 0;
    background-image: none;
    background-color: transparent;
}

.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-button,
.k-other-month,
.k-other-month .k-link,
.k-dropzone em,
.k-tile-empty strong,
.k-slider .k-draghandle {
    color: #a6a6ad;
}

.k-dropzone .k-upload-status {
    color: #515967;
}
/* Progressbar */
.k-progressbar-indeterminate {
    background: url(/Assets/Vendors/Kendo/styles/Silver/indeterminate.gif);
}

    .k-progressbar-indeterminate .k-progress-status-wrap,
    .k-progressbar-indeterminate .k-state-selected {
        display: none;
    }
/* Slider */
.k-slider-track {
    background-color: #dedee0;
}

.k-slider-selection {
    background-color: #1984c8;
}

.k-slider-horizontal .k-tick {
    background-image: url(/Assets/Vendors/Kendo/styles/Silver/slider-h.gif);
}

.k-slider-vertical .k-tick {
    background-image: url(/Assets/Vendors/Kendo/styles/Silver/slider-v.gif);
}
/* Tooltip */
.k-widget.k-tooltip {
    background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.45)), to(rgba(255,255,255,0)));
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    background-color: #f3f3f4;
    color: #535b6a;
    border-color: transparent;
    -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.3);
}

.k-widget.k-tooltip-validation {
    border-color: #ffe79e;
    background-color: #ffe79e;
    color: #6b5100;
}
/* 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: #f3f3f4;
}

.k-callout-w {
    border-right-color: #f3f3f4;
}

.k-callout-s {
    border-top-color: #f3f3f4;
}

.k-callout-e {
    border-left-color: #f3f3f4;
}

.k-tooltip-validation .k-callout-n {
    border-bottom-color: #ffe79e;
}

.k-tooltip-validation .k-callout-w {
    border-right-color: #ffe79e;
}

.k-tooltip-validation .k-callout-s {
    border-top-color: #ffe79e;
}

.k-tooltip-validation .k-callout-e {
    border-left-color: #ffe79e;
}
/* Splitter */
.k-splitbar {
    background-color: #f3f3f4;
}

.k-restricted-size-vertical,
.k-restricted-size-horizontal {
    background-color: #1778b6;
}
/* Upload */
.k-file {
    background-color: #ffffff;
    border-color: #ceced2;
}

.k-file-progress {
    color: #2498bc;
}

    .k-file-progress .k-progress {
        background-color: #e5f5fa;
    }

.k-file-success {
    color: #3ea44e;
}

    .k-file-success .k-progress {
        background-color: #eaf7ec;
    }

.k-file-error {
    color: #d92800;
}

    .k-file-error .k-progress {
        background-color: #ffe0d9;
    }
/* ImageBrowser */
.k-tile {
    border-color: #fff;
}

.k-textbox:hover,
.k-tiles li.k-state-hover {
    border-color: #bebec3;
}

.k-tiles li.k-state-selected {
    border-color: #1a87cd;
}

.k-filebrowser .k-tile .k-folder,
.k-filebrowser .k-tile .k-file {
    background-image: url(/Assets/Vendors/Kendo/styles/Silver/imagebrowser.png);
    -webkit-background-size: auto auto;
    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-textbox:focus,
.k-autocomplete.k-state-focused,
.k-dropdown-wrap.k-state-focused,
.k-picker-wrap.k-state-focused,
.k-numeric-wrap.k-state-focused {
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}

.k-state-selected {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-state-active {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-grid tr:hover {
    background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.45)), to(rgba(255,255,255,0)));
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 100%);
    background-color: #bbbbc6;
}

.k-pivot-rowheaders .k-grid tr:hover {
    background: none;
}

.k-grid tr.k-state-selected:hover,
.k-grid td.k-state-selected:hover {
    background-color: #1186d0;
    background-image: none;
}

.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 2px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
}

.k-treemap-tile.k-state-hover {
    -webkit-box-shadow: inset 0 0 0 3px #dedee0;
    box-shadow: inset 0 0 0 3px #dedee0;
}
/* Window */
.k-window {
    border-color: rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.3);
    box-shadow: 1px 1px 7px 1px rgba(128, 128, 128, 0.3);
    background-color: #fff;
}

    .k-window.k-state-focused {
        border-color: rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
        box-shadow: 1px 1px 7px 1px rgba(0, 0, 0, 0.3);
    }

    .k-window.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.3);
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
}

.k-inset {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.3);
}
/* Selection */
.k-editor-inline ::-moz-selection {
    background-color: #1a87cd;
    text-shadow: none;
    color: #fff;
}

.k-editor-inline ::selection {
    background-color: #1a87cd;
    text-shadow: none;
    color: #fff;
}

.k-editor-inline ::-moz-selection {
    background-color: #1a87cd;
    text-shadow: none;
    color: #fff;
}
/* Notification */
.k-widget.k-notification.k-notification-info {
    background-color: #e5f5fa;
    color: #2498bc;
    border-color: #b6e3f1;
}

.k-widget.k-notification.k-notification-success {
    background-color: #eaf7ec;
    color: #526c9b;
    border-color: #c5e9cb;
}

.k-widget.k-notification.k-notification-warning {
    background-color: #ffe79e;
    color: #4d6591;
    border-color: #ffe38f;
}

.k-widget.k-notification.k-notification-error {
    background-color: #ffe0d9;
    color: #526c9b;
    border-color: #ffb6a6;
}
/* Gantt */
.k-gantt .k-treelist {
    background: #fbfbfb;
}

    .k-gantt .k-treelist .k-alt {
        background-color: #eeeeef;
    }

    .k-gantt .k-treelist tr:hover {
        background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
        background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.45)), to(rgba(255,255,255,0)));
        background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 100%);
        background-image: none, linear-gradient(to bottom, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 100%);
        background-color: #bbbbc6;
    }

    .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: #1984c8;
        background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
        background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,.2)));
        background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
        background-image: none, linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
    }

        .k-gantt .k-treelist .k-state-selected:hover,
        .k-gantt .k-treelist .k-state-selected:hover td {
            background-color: #1186d0;
            background-image: none;
        }

.k-task-dot:after {
    background-color: #515967;
    border-color: #515967;
}

.k-task-dot:hover:after {
    background-color: #ffffff;
}

.k-task-summary {
    border-color: #9099a8;
    background: #9099a8;
}

.k-task-milestone,
.k-task-summary-complete {
    border-color: #515967;
    background: #515967;
}

.k-state-selected.k-task-summary {
    border-color: #73beee;
    background: #73beee;
}

.k-state-selected.k-task-milestone,
.k-state-selected .k-task-summary-complete {
    border-color: #1984c8;
    background: #1984c8;
}

.k-task-single {
    background-color: #b7def6;
    border-color: #97cff2;
    color: #515967;
}

.k-state-selected.k-task-single {
    border-color: #1a87cd;
}

.k-line {
    background-color: #515967;
    color: #515967;
}

.k-state-selected.k-line {
    background-color: #1984c8;
    color: #1984c8;
}

.k-resource {
    background-color: #fff;
}
/* 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(/Assets/Vendors/Kendo/styles/Silver/sprite_kpi.png);
}
/* Border radius */
.k-block,
.k-button,
.k-textbox,
.k-drag-clue,
.k-touch-scrollbar,
.k-window,
.k-window-titleless .k-window-content,
.k-window-action,
.k-inline-block,
.k-grid .k-filter-options,
.k-grouping-header .k-group-indicator,
.k-autocomplete,
.k-multiselect,
.k-combobox,
.k-dropdown,
.k-dropdown-wrap,
.k-datepicker,
.k-timepicker,
.k-colorpicker,
.k-datetimepicker,
.k-notification,
.k-numerictextbox,
.k-picker-wrap,
.k-numeric-wrap,
.k-colorpicker,
.k-list-container,
.k-calendar-container,
.k-calendar td,
.k-calendar .k-link,
.k-treeview .k-in,
.k-editor-inline,
.k-tooltip,
.k-tile,
.k-slider-track,
.k-slider-selection,
.k-upload,
.k-split-button .k-gantt-views,
.k-gantt-views > .k-current-view {
    border-radius: 4px;
}

.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: 4px 0 0 4px;
    }

.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 4px 4px 0;
}

.k-toolbar .k-button-group > .k-group-end {
    border-radius: 4px;
}

.k-tool.k-group-end,
.k-toolbar .k-button-group .k-button + .k-group-end,
.k-toolbar .k-split-button .k-split-button-arrow {
    border-radius: 0 4px 4px 0;
}

.k-rtl .k-tool.k-group-end,
.k-rtl .k-toolbar .k-button-group .k-group-end,
.k-rtl .k-toolbar .k-split-button .k-split-button-arrow {
    border-radius: 4px 0 0 4px;
}

.k-group-start.k-group-end.k-tool {
    border-radius: 4px;
}

.k-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 4px 4px;
}

    .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 4px;
    }

    .k-multiselect.k-state-border-up .k-multiselect-wrap {
        border-radius: 0 0 4px 4px;
    }

.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,
.k-gantt-views.k-state-expanded,
.k-gantt-views.k-state-expanded > .k-current-view {
    border-radius: 4px 4px 0 0;
}

.k-split-button.k-state-border-down > .k-button {
    border-radius: 4px 0 0 0;
}

.k-split-button.k-state-border-up > .k-button {
    border-radius: 0 0 0 4px;
}

.k-split-button.k-state-border-down > .k-split-button-arrow {
    border-radius: 0 4px 0 0;
}

.k-split-button.k-state-border-up > .k-split-button-arrow {
    border-radius: 0 0 4px 0;
}

.k-dropdown-wrap .k-input,
.k-picker-wrap .k-input,
.k-numeric-wrap .k-input {
    border-radius: 3px 0 0 3px;
}

.k-rtl .k-dropdown-wrap .k-input,
.k-rtl .k-picker-wrap .k-input,
.k-rtl .k-numeric-wrap .k-input {
    border-radius: 0 3px 3px 0;
}

.k-numeric-wrap .k-link {
    border-radius: 0 3px 0 0;
}

    .k-numeric-wrap .k-link + .k-link {
        border-radius: 0 0 3px 0;
    }

.k-colorpicker .k-selected-color {
    border-radius: 3px 0 0 3px;
}

.k-rtl .k-colorpicker .k-selected-color {
    border-radius: 0 3px 3px 0;
}

.k-autocomplete.k-state-border-down .k-input {
    border-radius: 4px 4px 0 0;
}

.k-dropdown-wrap.k-state-border-down .k-input,
.k-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: 4px 0 0 0;
}

.k-numeric-wrap .k-link.k-state-selected {
    background-color: #1984c8;
}

.k-multiselect.k-state-border-down .k-multiselect-wrap {
    border-radius: 3px 3px 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 4px 4px 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: 4px 0 0 4px;
}

.k-numeric-wrap.k-expand-padding .k-input {
    border-radius: 4px;
}

.k-textbox > input,
.k-autocomplete .k-input,
.k-multiselect-wrap {
    border-radius: 3px;
}

.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: 3px;
}

.k-slider .k-button,
.k-grid .k-slider .k-button {
    border-radius: 13px;
}

.k-draghandle {
    border-radius: 7px;
}

.k-scheduler-toolbar > ul li:first-child,
.k-scheduler-toolbar > ul li:first-child .k-link,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link {
    border-radius: 4px 0 0 4px;
}

.k-rtl .k-scheduler-toolbar > ul li:first-child,
.k-rtl .k-scheduler-toolbar > ul li:first-child .k-link,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li,
.k-rtl .k-scheduler-toolbar > ul.k-scheduler-views li:first-child + li .k-link,
.km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child,
.km-view.k-popup-edit-form .k-scheduler-toolbar > ul li:last-child .k-link {
    border-radius: 0 4px 4px 0;
}

.k-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: 4px;
}

.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: 4px;
    border-bottom-right-radius: 4px;
}

.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: 4px 0 0 4px;
}

.k-scheduler div.k-scheduler-footer ul li,
.k-scheduler div.k-scheduler-footer .k-link {
    border-radius: 4px;
}

.k-more-events,
.k-event,
.k-task-single,
.k-task-complete,
.k-event .k-link {
    border-radius: 3px;
}

.k-scheduler-mobile .k-event {
    border-radius: 2px;
}
/* Adaptive Grid */
.k-grid-mobile .k-column-active + th.k-header {
    border-left-color: #515967;
}

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: #515967;
}

@media screen and (-ms-high-contrast: active) and (-ms-high-contrast: none) {
    div.km-pane-wrapper a {
        color: #515967;
    }
}

.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: #fff;
    border-top: 1px solid #ceced2;
}

    .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: #1984c8;
        border-top-color: #1a87cd;
    }

    .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 #ceced2;
        box-shadow: inset 0 -1px 0 #ceced2;
    }

.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: #7e7e89;
}

.km-pane-wrapper .k-mobile-list > ul > li > .k-link {
    border-bottom: 1px solid #ceced2;
}

.km-pane-wrapper .k-mobile-list .k-edit-field {
    -webkit-box-shadow: 0 1px 1px #ceced2;
    box-shadow: 0 1px 1px #ceced2;
}

.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: #ff6745;
    background-color: red;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.15)));
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.3), rgba(255, 255, 255, 0.15));
}

    .km-actionsheet .k-grid-delete:active,
    .km-actionsheet .k-scheduler-delete:active,
    .km-pane-wrapper .k-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: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.45)), to(rgba(255,255,255,0)));
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    background-color: #f6f6f6;
    border-color: #ceced2;
}

.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: #b5bdcb;
    background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);
    background-position: 50% 50%;
    border-color: #bebec3;
}

input.k-textbox,
textarea.k-textbox,
.k-multiselect.k-header {
    border-color: #ceced2;
}

    .k-multiselect.k-header.k-state-hover {
        border-color: #bebec3;
    }

    .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: #b5bdcb;
        background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
        background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
        background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);
        background-image: none, linear-gradient(to bottom, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);
        background-position: 50% 50%;
        border-color: #bdbdbd;
        -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    }

.k-list-container {
    color: #515967;
}

.k-dropdown .k-input,
.k-dropdown .k-state-focused .k-input,
.k-menu .k-popup {
    color: #515967;
}

.k-state-default > .k-select {
    border-color: #ceced2;
}

.k-state-hover > .k-select {
    border-color: #bebec3;
}

.k-state-focused > .k-select {
    border-color: #bdbdbd;
}

.k-tabstrip:focus {
    -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}

.k-tabstrip-items .k-state-default .k-link,
.k-panelbar > li.k-state-default > .k-link {
    color: #515967;
}

    .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: #263248;
    }

.k-panelbar > .k-state-focused.k-state-hover {
    background: #b6bdca;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-tabstrip-items .k-state-default {
    border-color: #ceced2;
}

.k-tabstrip-items .k-state-hover {
    border-color: #bebec3;
}

.k-tabstrip-items .k-state-active,
.k-panelbar .k-tabstrip-items .k-state-active {
    background-color: #ffffff;
    background-image: none;
    border-color: #a6a6ad;
}

.k-tabstrip .k-content.k-state-active {
    background-color: #ffffff;
    color: #515967;
}

.k-menu.k-header,
.k-menu .k-item {
    border-color: #ceced2;
}

.k-column-menu,
.k-column-menu .k-item,
.k-overflow-container .k-overflow-group {
    border-color: #ceced2;
}

.k-overflow-container .k-overflow-group {
    -webkit-box-shadow: inset 0 1px 0 #ffffff, 0 1px 0 #ffffff;
    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 {
        -webkit-box-shadow: 0 1px 0 #ffffff;
        box-shadow: 0 1px 0 #ffffff;
    }

.k-toolbar-last-visible.k-overflow-group {
    -webkit-box-shadow: inset 0 1px 0 #ffffff;
    box-shadow: inset 0 1px 0 #ffffff;
}

.k-column-menu .k-separator {
    border-color: #ceced2;
    background-color: transparent;
}

.k-menu .k-group {
    border-color: #ceced2;
}

.k-grid-filter.k-state-active {
    background-color: #ffffff;
}

.k-grouping-row td,
.k-group-footer td,
.k-grid-footer td {
    color: #515967;
    border-color: #ceced2;
    font-weight: bold;
}

.k-grouping-header {
    color: #515967;
}

.k-grid td.k-state-focused {
    -webkit-box-shadow: inset 0 0 3px 1px #d7dae0;
    box-shadow: inset 0 0 3px 1px #d7dae0;
}

.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: #ceced2;
}

.k-primary,
.k-overflow-container .k-primary {
    color: #ffffff;
    border-color: #177bba;
    background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,.2)));
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
    background-position: 50% 50%;
    background-color: #2198e3;
    -webkit-box-shadow: none;
    box-shadow: none;
}

    .k-primary:focus,
    .k-primary.k-state-focused {
        color: #ffffff;
        border-color: #177bba;
        background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
        background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
        background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);
        background-image: none, linear-gradient(to bottom, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);
        -webkit-box-shadow: 0 0 3px 0 #1984c8;
        box-shadow: 0 0 3px 0 #1984c8;
    }

    .k-primary:hover {
        color: #ffffff;
        border-color: #7b889f;
        background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
        background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
        background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);
        background-image: none, linear-gradient(to bottom, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);
        background-color: #1b8dd6;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .k-primary:focus:active:not(.k-state-disabled):not([disabled]),
    .k-primary:focus:not(.k-state-disabled):not([disabled]) {
        -webkit-box-shadow: 0 0 3px 0 #1984c8;
        box-shadow: 0 0 3px 0 #1984c8;
    }

    .k-primary:active {
        color: #ffffff;
        border-color: #1a87cd;
        background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
        background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,.2)));
        background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
        background-image: none, linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
        background-color: #1a84c7;
        -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: #e6e6e6;
        border-color: #e6e6e6;
        background-color: #269ae4;
        background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
        background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,.2)));
        background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
        background-image: none, linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
        -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: 4px;
}

.k-scheduler-table .k-state-hover .k-icon {
    background-color: transparent;
}

.k-button:focus,
.k-split-button:focus {
    outline: none;
}

.k-split-button:focus {
    -webkit-box-shadow: inset 0 0 4px 2px #bebec3;
    box-shadow: inset 0 0 4px 2px #bebec3;
}

    .k-split-button:focus > .k-button {
        background: transparent;
        border-color: #ceced2;
    }

.k-editor .k-tool:focus {
    outline: 0;
    border-color: #ceced2;
    -webkit-box-shadow: inset 0 0 3px 1px #bebec3;
    box-shadow: inset 0 0 3px 1px #bebec3;
}

.k-checkbox-label:before {
    border-color: #ceced2;
    background: #fff;
    border-radius: 3px;
}

.k-checkbox-label:hover:before,
.k-checkbox:checked + .k-checkbox-label:hover:before {
    border-color: #b3b3b9;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-checkbox:checked + .k-checkbox-label:before {
    background-color: #ffffff;
    border-color: #a0dba9;
    color: #1a87cd;
}

.k-checkbox-label:active:before {
    -webkit-box-shadow: 0 0 3px 0 #1984c8;
    box-shadow: 0 0 3px 0 #1984c8;
    border-color: #1a87cd;
}

.k-checkbox:checked + .k-checkbox-label:active:before {
    -webkit-box-shadow: 0 0 3px 0 #1984c8;
    box-shadow: 0 0 3px 0 #1984c8;
    border-color: #1a87cd;
}

.k-checkbox:disabled + .k-checkbox-label {
    color: #a6a6ad;
}

    .k-checkbox:disabled + .k-checkbox-label:hover:before {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .k-checkbox:disabled + .k-checkbox-label:before,
    .k-checkbox:checked:disabled + .k-checkbox-label:before,
    .k-checkbox:checked:disabled + .k-checkbox-label:active:before,
    .k-checkbox:checked:disabled + .k-checkbox-label:hover:before {
        color: #a6a6ad;
        background: #f4f5f7;
        border-color: #9cd9a6;
        border-radius: 3px;
    }

.k-checkbox:focus + .k-checkbox-label:before {
    border-color: #1a87cd;
    -webkit-box-shadow: 0 0 3px 0 #1984c8;
    box-shadow: 0 0 3px 0 #1984c8;
}

.k-checkbox:indeterminate + .k-checkbox-label:after {
    background-color: #1a87cd;
    background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,.2)));
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
    border-color: #1a87cd;
    border-radius: 2px;
}

.k-checkbox:indeterminate:hover + .k-checkbox-label:after {
    border-color: #1a87cd;
    background-color: #1a87cd;
}

.k-radio-label:before {
    border-color: #ceced2;
    border-radius: 50%;
    background-color: #fff;
    border-width: 1px;
}

.k-radio-label:hover:before,
.k-radio:checked + .k-radio-label:hover:before {
    border-color: #b3b3b9;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.k-radio:checked + .k-radio-label:after {
    background-color: #1b8dd6;
    border-radius: 50%;
}

.k-radio-label:active:before {
    border-color: #1a87cd;
    -webkit-box-shadow: 0 0 3px 0 #1984c8;
    box-shadow: 0 0 3px 0 #1984c8;
}

.k-radio:checked + .k-radio-label:active:before {
    -webkit-box-shadow: 0 0 3px 0 #1984c8;
    box-shadow: 0 0 3px 0 #1984c8;
    border-color: #1a87cd;
}

.k-radio:disabled + .k-radio-label {
    color: #a6a6ad;
}

    .k-radio:disabled + .k-radio-label:before,
    .k-radio:disabled + .k-radio-label:active:before,
    .k-radio:disabled + .k-radio-label:hover:after,
    .k-radio:disabled + .k-radio-label:hover:before {
        background: #f4f5f7;
        border-color: #bfbfbf;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

.k-radio:focus + .k-radio-label:before {
    border-color: #1a87cd;
    -webkit-box-shadow: 0 0 3px 0 #1984c8;
    box-shadow: 0 0 3px 0 #1984c8;
}

@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(/Assets/Vendors/Kendo/styles/Silver/sprite_2x.png);
        -webkit-background-size: 340px 336px;
        background-size: 340px 336px;
    }

    .k-dropdown-wrap .k-input,
    .k-picker-wrap .k-input,
    .k-numeric-wrap .k-input {
        border-radius: 3px 0 0 3px;
    }

    .k-i-kpi-decrease,
    .k-i-kpi-denied,
    .k-i-kpi-equal,
    .k-i-kpi-hold,
    .k-i-kpi-increase,
    .k-i-kpi-open {
        background-image: url(/Assets/Vendors/Kendo/styles/Silver/sprite_kpi_2x.png);
        -webkit-background-size: 96px 16px;
        background-size: 96px 16px;
    }
}

@media screen and (-ms-high-contrast: active) {
    .k-editor-toolbar-wrap .k-dropdown-wrap.k-state-focused,
    .k-editor-toolbar-wrap .k-button-group .k-tool:focus {
        border-color: #fff;
    }
}
/* Responsive styles */
@media only screen and (max-width: 1024px) {
    .k-webkit .k-pager-numbers,
    .k-ff .k-pager-numbers,
    .k-ie11 .k-pager-numbers,
    .k-safari .k-pager-numbers,
    .k-webkit .k-grid .k-pager-numbers,
    .k-ff .k-grid .k-pager-numbers,
    .k-ie11 .k-grid .k-pager-numbers,
    .k-safari .k-grid .k-pager-numbers {
        -ms-transform: translatey(-100%);
        transform: translatey(-100%);
        -webkit-transform: translatey(-100%);
    }

        .k-webkit .k-pager-numbers .k-current-page,
        .k-ff .k-pager-numbers .k-current-page,
        .k-ie11 .k-pager-numbers .k-current-page,
        .k-safari .k-pager-numbers .k-current-page,
        .k-webkit .k-grid .k-pager-numbers .k-current-page,
        .k-ff .k-grid .k-pager-numbers .k-current-page,
        .k-ie11 .k-grid .k-pager-numbers .k-current-page,
        .k-safari .k-grid .k-pager-numbers .k-current-page {
            -ms-transform: translatey(100%);
            transform: translatey(100%);
            -webkit-transform: translatey(100%);
        }

            .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
            .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
            .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
            .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
            .k-webkit .k-pager-numbers .k-current-page .k-link,
            .k-ff .k-pager-numbers .k-current-page .k-link,
            .k-ie11 .k-pager-numbers .k-current-page .k-link,
            .k-safari .k-pager-numbers .k-current-page .k-link {
                background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
                background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.45)), to(rgba(255,255,255,0)));
                background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 100%);
                background-image: none, linear-gradient(to bottom, rgba(255,255,255,.45) 0%, rgba(255,255,255,0) 100%);
                background-position: 50% 50%;
                background-color: #f6f6f6;
                border-color: #dedee0;
            }

            .k-webkit .k-pager-numbers .k-current-page .k-link,
            .k-ff .k-pager-numbers .k-current-page .k-link,
            .k-ie11 .k-pager-numbers .k-current-page .k-link,
            .k-safari .k-pager-numbers .k-current-page .k-link {
                border-color: #ceced2;
            }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view {
        border-radius: 4px;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li {
        border-radius: 0;
    }

        .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
        .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
        .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view,
        .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded > li.k-current-view {
            border-radius: 3px 3px 0 0;
        }

    .k-webkit .k-scheduler-toolbar > ul li:first-child,
    .k-ff .k-scheduler-toolbar > ul li:first-child,
    .k-ie11 .k-scheduler-toolbar > ul li:first-child,
    .k-safari .k-scheduler-toolbar > ul li:first-child,
    .k-webkit .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-ff .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-ie11 .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-safari .k-scheduler-toolbar > ul li:first-child .k-link,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li .k-link,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li .k-link {
        border-radius: 0;
    }

        .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child,
        .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
        .k-ff .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
        .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link,
        .k-safari .k-scheduler-toolbar > ul.k-scheduler-views li:last-child .k-link {
            border-radius: 0 0 3px 3px;
        }

    .k-webkit .k-pager-numbers .k-current-page .k-link:hover,
    .k-ff .k-pager-numbers .k-current-page .k-link:hover,
    .k-ie11 .k-pager-numbers .k-current-page .k-link:hover,
    .k-safari .k-pager-numbers .k-current-page .k-link:hover,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover {
        border-color: #bebec3;
        background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
        background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,.3)), to(rgba(255,255,255,0)));
        background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);
        background-image: none, linear-gradient(to bottom, rgba(255,255,255,.3) 0%, rgba(255,255,255,0) 100%);
        background-color: #b6bdca;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view > .k-link {
        color: #515967;
        min-width: 75px;
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views > li.k-current-view:hover > .k-link {
        color: #263248;
    }

    .k-webkit .k-pager-numbers .k-current-page .k-link:after,
    .k-ff .k-pager-numbers .k-current-page .k-link:after,
    .k-ie11 .k-pager-numbers .k-current-page .k-link:after,
    .k-safari .k-pager-numbers .k-current-page .k-link:after,
    .k-webkit .k-scheduler-views > li.k-state-selected > .k-link:after,
    .k-ff .k-scheduler-views > li.k-state-selected > .k-link:after,
    .k-ie11 .k-scheduler-views > li.k-state-selected > .k-link:after,
    .k-safari .k-scheduler-views > li.k-state-selected > .k-link:after {
        display: block;
        content: "";
        position: absolute;
        top: 50%;
        margin-top: -0.5em;
        right: 0.333em;
        width: 1.333em;
        height: 1.333em;
    }

    .k-webkit .k-pager-numbers.k-state-expanded,
    .k-ff .k-pager-numbers.k-state-expanded,
    .k-ie11 .k-pager-numbers.k-state-expanded,
    .k-safari .k-pager-numbers.k-state-expanded,
    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border-width: 1px 1px 0 1px;
        border-style: solid;
        border-color: #ceced2;
        background-color: #f3f3f4;
        border-radius: 4px 4px 0 0;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.3);
    }

    .k-webkit .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-ff .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-ie11 .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded,
    .k-safari .k-scheduler-toolbar > ul.k-scheduler-views.k-state-expanded {
        border-width: 1px;
        background-image: none;
        border-radius: 4px;
    }

    .k-webkit .k-pager-numbers .k-state-selected,
    .k-ff .k-pager-numbers .k-state-selected,
    .k-ie11 .k-pager-numbers .k-state-selected,
    .k-safari .k-pager-numbers .k-state-selected,
    .k-webkit .k-pager-numbers .k-link,
    .k-ff .k-pager-numbers .k-link,
    .k-ie11 .k-pager-numbers .k-link,
    .k-safari .k-pager-numbers .k-link {
        border-radius: 3px;
    }

    .k-webkit .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
    .k-ff .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
    .k-ie11 .k-widget.k-grid .k-pager-nav + .k-pager-numbers,
    .k-safari .k-widget.k-grid .k-pager-nav + .k-pager-numbers {
        position: absolute;
    }
}

.k-chart .k-mask {
    background-color: #fff;
    filter: alpha(opacity=68);
    opacity: 0.68;
}

.k-chart .k-selection {
    border-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.1);
    -webkit-transition: -webkit-box-shadow 0.2s linear, border-color 0.2s linear;
    transition: box-shadow 0.2s linear, border-color 0.2s linear;
}

    .k-chart .k-selection:hover {
        border-color: rgba(0, 0, 0, 0.3);
        -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.2);
        box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.2);
    }

.k-chart .k-handle {
    background-color: #fcfcfc;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

    .k-chart .k-handle:hover {
        background-color: #ffffff;
        border-color: #b8b8b8;
        -webkit-box-shadow: 0 0 0 2px rgba(111, 101, 96, 0.5);
        box-shadow: 0 0 0 2px rgba(111, 101, 96, 0.5);
    }

.k-chart .k-navigator-hint .k-tooltip {
    border: 3px solid #ffffff;
    -webkit-box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
    background: #ffffff;
    color: #242424;
}

.k-chart .k-navigator-hint .k-scroll {
    background: rgba(25, 132, 200, 0.7);
    height: 4px;
}
/* Map */
.k-map .k-marker {
    background-image: url(/Assets/Vendors/Kendo/styles/Silver/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(/Assets/Vendors/Kendo/styles/Silver/markers_2x.png);
    }
}

.k-map .k-attribution {
    color: #666666;
}

.k-spreadsheet-row-header,
.k-spreadsheet-column-header {
    background-color: #fff;
}

.k-spreadsheet-top-corner,
.k-spreadsheet-row-header,
.k-spreadsheet-column-header {
    background-color: #f3f3f4;
    background-image: none;
    color: #000000;
    border-color: #bebec3;
}

.k-spreadsheet-top-corner {
    border-color: #bebec3;
}

    .k-spreadsheet-top-corner:after {
        border-color: transparent #bebec3 #bebec3 transparent;
    }

.k-spreadsheet-pane {
    border-color: #bebec3;
}

    .k-spreadsheet-pane .k-spreadsheet-vaxis,
    .k-spreadsheet-pane .k-spreadsheet-haxis {
        border-color: #d8d8dc;
    }

    .k-spreadsheet-pane .k-spreadsheet-column-header,
    .k-spreadsheet-pane .k-spreadsheet-row-header {
        border-color: #bebec3;
    }

    .k-spreadsheet-pane .k-spreadsheet-merged-cell {
        background-color: #fff;
    }

    .k-spreadsheet-pane .k-selection-partial,
    .k-spreadsheet-pane .k-selection-full {
        border-color: rgba(25, 132, 200, 0.2);
        background-color: rgba(25, 132, 200, 0.2);
    }

    .k-spreadsheet-pane .k-filter-range {
        border-color: #1984c8;
    }

    .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-partial,
    .k-spreadsheet-pane .k-spreadsheet-column-header .k-selection-full {
        border-bottom-color: #1984c8;
    }

    .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-partial,
    .k-spreadsheet-pane .k-spreadsheet-row-header .k-selection-full {
        border-right-color: #1984c8;
    }

.k-auto-fill,
.k-spreadsheet-selection {
    border-color: #1984c8;
    -webkit-box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #1984c8;
    box-shadow: inset 0 0 0 1px #fff, 0 0 0 1px #1984c8;
}

.k-spreadsheet-selection {
    background-color: rgba(25, 132, 200, 0.2);
}

.k-spreadsheet-active-cell {
    border-color: #1984c8 !important;
    background-color: #fff;
}

    .k-spreadsheet-active-cell.k-single {
        background-color: #fff;
    }

.k-spreadsheet > .k-spreadsheet-formula-bar {
    background-color: #fff;
    border-color: #f3f3f4 #f3f3f4 #bebec3;
}

    .k-spreadsheet > .k-spreadsheet-formula-bar:before {
        border-color: #bebec3;
    }

    .k-spreadsheet > .k-spreadsheet-formula-bar:after {
        border-color: #f3f3f4;
    }

.k-spreadsheet .k-spreadsheet-formula-input {
    background-color: #fff;
    color: #515967;
}

.k-spreadsheet .k-resize-handle,
.k-spreadsheet .k-resize-hint-handle,
.k-spreadsheet .k-resize-hint-marker {
    background-color: #1984c8;
}

.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-handle,
.k-spreadsheet .k-resize-hint-vertical .k-resize-hint-marker {
    background-color: #1984c8;
}

.k-spreadsheet .k-single-selection::after {
    background-color: #1984c8;
    border-color: #fff;
}

.k-spreadsheet .k-auto-fill-punch {
    background-color: rgba(255, 255, 255, 0.5);
}

.k-spreadsheet .k-single-selection.k-dim-auto-fill-handle::after {
    background-color: rgba(25, 132, 200, 0.5);
}

.k-spreadsheet-format-cells .k-spreadsheet-preview {
    border-color: #dedee0;
}

.k-spreadsheet-filter {
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: inset 0 0 0 1px #d8d8dc;
    box-shadow: inset 0 0 0 1px #d8d8dc;
}

    .k-spreadsheet-filter.k-state-active {
        color: #fff;
        background-color: #1984c8;
    }

    .k-spreadsheet-filter:hover {
        color: #263248;
        background: #b6bdca;
        border-color: #9ea8b9;
    }

.k-action-window .k-action-buttons {
    border-color: #dedee0;
}

.k-spreadsheet-sample {
    color: #9ea6b3;
}

.k-state-selected .k-spreadsheet-sample {
    color: inherit;
}

.k-spreadsheet-window .k-list-wrapper,
.k-spreadsheet-window .k-list {
    border-color: #dedee0;
    border-radius: 4px;
}

.k-spreadsheet-window .export-config,
.k-spreadsheet-window .k-edit-field > .k-orientation-label {
    border-color: #dedee0;
}

.k-spreadsheet-window .k-edit-field > input[type="radio"]:checked + .k-orientation-label {
    background-image: url(/Assets/Vendors/Kendo/styles/textures/highlight.png);
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)), to(rgba(255,255,255,.2)));
    background-image: none, -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
    background-image: none, linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,.2) 100%);
    background-color: #1984c8;
    color: #ffffff;
}

.k-spreadsheet-window .k-page-orientation {
    border-color: #ceced2;
    -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1);
}

    .k-spreadsheet-window .k-page-orientation:before {
        background: #fff;
        border-color: transparent;
        border-bottom-color: #ceced2;
        border-left-color: #ceced2;
    }

.k-spreadsheet-window .k-margins-horizontal,
.k-spreadsheet-window .k-margins-vertical {
    background: transparent;
    border-color: #dedee0;
}

.k-spreadsheet-toolbar.k-toolbar .k-button-group .k-button {
    border-radius: 4px;
}

.k-spreadsheet-toolbar > .k-widget,
.k-spreadsheet-toolbar > .k-button,
.k-spreadsheet-toolbar > .k-button-group {
    border-radius: 4px;
}

.k-spreadsheet-toolbar > .k-separator {
    border-color: #dedee0;
}

.k-spreadsheet-toolbar .k-overflow-anchor {
    border-radius: 0;
}

.k-spreadsheet-popup {
    border-radius: 4px;
}

    .k-spreadsheet-popup .k-separator {
        background-color: #dedee0;
    }

    .k-spreadsheet-popup .k-button {
        background-color: transparent;
    }

        .k-spreadsheet-popup .k-button:hover {
            background-color: #b6bdca;
        }

    .k-spreadsheet-popup .k-state-active {
        background-color: #1984c8;
        color: #000000;
    }

        .k-spreadsheet-popup .k-state-active:hover {
            background-color: #13669b;
        }

.k-spreadsheet-filter-menu .k-details {
    border-color: #dedee0;
}

.k-spreadsheet-filter-menu .k-details-content .k-space-right {
    background-color: #fff;
}

.k-spreadsheet-filter-menu .k-spreadsheet-value-treeview-wrapper {
    background-color: #fff;
    border-color: #dedee0;
    border-radius: 4px 0 0 4px;
}

.k-syntax-ref {
    color: #ff8822;
}

.k-syntax-num {
    color: #0099ff;
}

.k-syntax-func {
    font-weight: bold;
}

.k-syntax-str {
    color: #38b714;
}

.k-syntax-error {
    color: red;
}

.k-syntax-bool {
    color: #a9169c;
}

.k-syntax-startexp {
    font-weight: bold;
}

.k-syntax-paren-match {
    background-color: #caf200;
}

.k-series-a {
    border-color: #007bc3;
    background-color: rgba(0, 123, 195, 0.15);
}

.k-series-b {
    border-color: #76b800;
    background-color: rgba(118, 184, 0, 0.15);
}

.k-series-c {
    border-color: #ffae00;
    background-color: rgba(255, 174, 0, 0.15);
}

.k-series-d {
    border-color: #ef4c00;
    background-color: rgba(239, 76, 0, 0.15);
}

.k-series-e {
    border-color: #a419b7;
    background-color: rgba(164, 25, 183, 0.15);
}

.k-series-f {
    border-color: #430B62;
    background-color: rgba(67, 11, 98, 0.15);
}

.k-spreadsheet-sheets-remove:hover .k-icon {
    color: #cc2222;
}

.k-spreadsheet-formula-list .k-state-focused {
    background-color: #1984c8;
    color: #fff;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
    .k-icon.k-font-icon {
        background-image: none;
    }
}

.k-spreadsheet .k-widget[data-property='fontSize'] {
    width: 60px;
}

.k-spreadsheet .k-widget[data-property='format'] {
    width: 100px;
}

.k-spreadsheet .k-widget[data-property='fontFamily'] {
    width: 130px;
}

.k-spreadsheet-toolbar .k-combobox .k-input {
    color: #515967;
}

.k-spreadsheet-toolbar .k-combobox .k-state-hover .k-input,
.k-spreadsheet-toolbar .k-combobox .k-state-active .k-input,
.k-spreadsheet-toolbar .k-combobox .k-state-focused .k-input {
    color: #515967;
}

.toast-container {
    min-width: 280px;
    z-index: 11000;
}


* html .toast-container {
    position: absolute;
}

.toast-item {
    height: auto;
    background: #333;
    opacity: 0.9;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #eee;
    padding-top: 30px;
    padding-bottom: 20px;
    padding-left: 6px;
    padding-right: 6px;
    font-family: lucida Grande;
    font-size: 14px;
    border: 2px solid #999;
    display: block;
    position: relative;
    margin: 0 0 12px 0;
}

    .toast-item p {
        text-align: left;
        margin-left: 50px;
    }

.toast-item-close {
    background: url(/Assets/Vendors/Akquinet/close.gif);
    width: 22px;
    height: 22px;
    position: absolute;
    top: 7px;
    right: 7px;
}

.toast-item-image {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 10px;
}

.toast-item-image-notice {
    background: url(/Assets/Vendors/Akquinet/notice.png);
}

.toast-item-image-success {
    background: url(/Assets/Vendors/Akquinet/success.png);
}

.toast-item-image-warning {
    background: url(/Assets/Vendors/Akquinet/warning.png);
}

.toast-item-image-error {
    background: url(/Assets/Vendors/Akquinet/error.png);
}


/**
 * toast types
 *
 * pattern: toast-type-[value]
 * where 'value' is the real value of the plugin option 'type'
 *
 */
.toast-type-notice {
    color: white;
}

.toast-type-success {
    color: white;
}

.toast-type-warning {
    color: white;
    border-color: #FCBD57;
}

.toast-type-error {
    color: white;
    border-color: #B32B2B;
}

/**
 * positions
 *
 * pattern: toast-position-[value]
 * where 'value' is the real value of the plugin option 'position'
 *
 */
.toast-position-top-left {
    position: fixed;
    left: 20px;
    top: 20px;
}

.toast-position-top-center {
    position: fixed;
    top: 20px;
    left: 50%;
    margin-left: -140px;
}

.toast-position-top-right {
    position: fixed;
    top: 20px;
    right: 20px;
}

.toast-position-middle-left {
    position: fixed;
    left: 20px;
    top: 50%;
    margin-top: -40px;
}

.toast-position-middle-center {
    position: fixed;
    left: 50%;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

.toast-position-middle-right {
    position: fixed;
    right: 20px;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

/******************************************************\
*
*  Base TouchCarousel stylesheet
*   
*  Contents:
*
*   1. Main containers
*   2. Carousel items
*   3. Arrows(direction) navigation
*   4. Paging navigation
*   5. Scrollbar
*   6. Cursors
*
\******************************************************/





/******************************************************\
*
*  1. Main containers (carousel size, background)
*
\******************************************************/

.touchcarousel {
    position: relative;
    width: 600px;
    height: 400px;
    /* style is removed after carousel is inited, use !important if you want to keep it*/
    overflow: hidden;
}

    .touchcarousel .touchcarousel-container {
        position: relative;
        margin: 0;
        padding: 5px 0 0 0;
        list-style: none;
        left: 0;
    }

    .touchcarousel .touchcarousel-wrapper {
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 100%;
    }





    /******************************************************\
*
*  2. Carousel items (item styling, spacing between items)
*
\******************************************************/

    .touchcarousel .touchcarousel-item {
        /* use margin-right for spacing between items */
        margin: 0 0 0 0;
        padding: 0;
        float: left;
    }

        /* Last carousel item  */
        .touchcarousel .touchcarousel-item.last {
            margin-right: 0 !important;
        }





    /******************************************************\
*
*  3. Arrows(direction) navigation
*
\******************************************************/

    /* arrow hitstate and icon holder */
    .touchcarousel .arrow-holder {
        height: 100%;
        width: 45px;
        position: absolute;
        top: 0;
        display: block;
        cursor: pointer;
        z-index: 25;
    }

        .touchcarousel .arrow-holder.left {
            left: 0;
        }

        .touchcarousel .arrow-holder.right {
            right: 0;
        }

    /* arrow icons */
    .touchcarousel .arrow-icon {
        width: 45px;
        height: 90px;
        top: 50%;
        margin-top: -45px;
        position: absolute;
        cursor: pointer;
    }

        .touchcarousel .arrow-icon.left {
        }

        .touchcarousel .arrow-icon.right {
        }

    .touchcarousel .arrow-holder:hover .arrow-icon {
    }

    .touchcarousel .arrow-holder.disabled {
        cursor: default;
    }

        .touchcarousel .arrow-holder.disabled .arrow-icon {
            cursor: default;
        }





    /******************************************************\
*
*  4. Paging navigation
*
\******************************************************/

    .touchcarousel .tc-paging-container {
        width: 100%;
        overflow: hidden;
        position: absolute;
        margin-top: -20px;
        z-index: 25;
    }

    .touchcarousel .tc-paging-centerer {
        float: left;
        position: relative;
        left: 50%;
    }

    .touchcarousel .tc-paging-centerer-inside {
        float: left;
        position: relative;
        left: -50%;
    }

    /* Paging items */
    .touchcarousel .tc-paging-item {
        float: left;
        cursor: pointer;
        position: relative;
        display: block;
        text-indent: -9999px;
    }

        .touchcarousel .tc-paging-item.current {
        }

        .touchcarousel .tc-paging-item:hover {
        }





    /******************************************************\
*
*  5. Scrollbar
*
\******************************************************/
    .touchcarousel .scrollbar-holder {
        position: absolute;
        z-index: 30;
        left: 6px;
        right: 6px;
        bottom: 5px;
        height: 4px;
        overflow: hidden;
    }

    .touchcarousel .scrollbar {
        position: absolute;
        left: 0;
        height: 4px;
        bottom: 0px;
    }

        .touchcarousel .scrollbar.dark {
            background-color: rgb(130, 130, 130);
            background-color: rgba(0, 0, 0, 0.5);
        }

        .touchcarousel .scrollbar.light {
            background-color: rgb(210, 210, 210);
            background-color: rgba(255, 255, 255, 0.5);
        }





    /******************************************************\
*
*  6. Cursors
*
\******************************************************/

    /* IE and Opera use "move", FF uses -moz-grab */
    .touchcarousel .grab-cursor {
        cursor: url(/Assets/Vendors/DimSemenov/grab.png) 8 8, move;
    }

    .touchcarousel .grabbing-cursor {
        cursor: url(/Assets/Vendors/DimSemenov/grabbing.png) 8 8, move;
    }

    /* Cursor that used when mouse drag is disabled */
    .touchcarousel .auto-cursor {
        cursor: auto;
    }




/* Copyright 2011, Dmitry Semenov, http://dimsemenov.com */

/******************************************************\
*
*  Minimal Light Skin
*
*    1. Arrows(direction) navigation
*    2. Paging navigation
*
\******************************************************/



/******************************************************\
*
*  1. Arrows (direction) navigation
*
\******************************************************/
.touchcarousel.minimal-light .arrow-icon {
    width: 23px;
    height: 28px;
    margin-top: -14px;
}

    .touchcarousel.minimal-light .arrow-icon.left {
        left: 5px;
        background: url(/Assets/Vendors/DimSemenov/sprite.png) no-repeat -6px -7px;
    }

    .touchcarousel.minimal-light .arrow-icon.right {
        right: 5px;
        background: url(/Assets/Vendors/DimSemenov/sprite.png) no-repeat -173px -7px;
    }

.touchcarousel.minimal-light .arrow-holder.disabled {
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
}

    .touchcarousel.minimal-light .arrow-holder.disabled .arrow-icon.left {
        display: none;
        background: url(/Assets/Vendors/DimSemenov/sprite.png) no-repeat -40px -7px;
    }

    .touchcarousel.minimal-light .arrow-holder.disabled .arrow-icon.right {
        display: none;
        background: url(/Assets/Vendors/DimSemenov/sprite.png) no-repeat -139px -7px;
    }

.touchcarousel.minimal-light .arrow-holder {
    width: 35px;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
}

    .touchcarousel.minimal-light .arrow-holder:hover {
        -moz-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
    }

/******************************************************\
*
*  2. Paging navigation
*
\******************************************************/
.touchcarousel.minimal-light .tc-paging-container {
    margin-top: -22px;
}

.touchcarousel.minimal-light .tc-paging-item {
    background: url(/Assets/Vendors/DimSemenov/sprite.png) no-repeat -95px -4px;
    width: 16px;
    height: 16px;
    -moz-opacity: 0.8;
    -webkit-opacity: 0.8;
    opacity: 0.8;
}

    .touchcarousel.minimal-light .tc-paging-item.current {
        background: url(/Assets/Vendors/DimSemenov/sprite.png) no-repeat -95px -22px;
    }

    .touchcarousel.minimal-light .tc-paging-item:hover {
        -moz-opacity: 1;
        -webkit-opacity: 1;
        opacity: 1;
    }


/* #region Variables */
:root
{
    /*#region Colours*/
    --background-color: #f9fafb;
    --background-color-faded: #F1F1F1;
    --purple: #6667AB;
    --purple-faded: #ceceee;
    --green: #EBF4F4;
    --dark-green: #9CC8C6;
    --green-faded: #DEEAEA;
    --pink: #E4455D;
    --black: #202133;
    --gold: #FFAC33;
    /*#endregion Colours*/
    --max-width: 1600px;
    --left-section: 20rem;
    --font-size-normal: 1.05rem;
    --font-size-big: 1.5rem;
    --font-size-biggest: 4rem;
    --spacing: 15px;
    --padding: 30px;
    --logo-height: 3.5rem;
    /*#region Icons*/
    --icon-size: 3rem;
    /*#endregion Icons*/
}

@media only screen and (max-width: 1400px)
{
}
/* #endregion Variables */

/* #region Fonts */
@font-face
{
    font-family: 'WorkSans-VariableFont_wght';
    src: url(/Resources/WorkSans-VariableFont_wght.ttf) format('truetype');
}
/* #endregion Fonts */

/*#region Scrollbar*/
*::-webkit-scrollbar
{
    width: 0.3rem;
    height: 0.3rem;
}

*::-webkit-scrollbar-thumb
{
    background-color: #c1c1c1;
    border-radius: 50rem;
}

body::-webkit-scrollbar-track
{
    background-color: inherit;
}

/*::-webkit-scrollbar
{
    width: 18px;
}

::-webkit-scrollbar-track
{
    background-color: #e4e4e4;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: rgba(0,0,0,0.3);
    border: 4px solid rgba(229, 229, 229, 1);
}

    ::-webkit-scrollbar-thumb:hover
    {
        background-color: rgba(0,0,0,0.4);
    }

    ::-webkit-scrollbar-thumb:not(body, html)
    {
        border-color: #FFF;
    }

::-webkit-scrollbar-track-piece
{
    width: 10px;
}

::-webkit-scrollbar-track:not(body, html)
{
    background-color: #FFF;
}
*/
/*#endregion Scrollbar*/

/*#region Menu Icons*/
a:hover .menu-icon, a.menu-icon:hover
{
    background-color: var(--pink);
}

.menu-icon-container
{
    display: flex;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-justify-content: center;
    justify-content: center;
    justify-items: center;
    -webkit-align-items: center;
    align-items: center;
    height: 70px;
    width: 70px;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    background-color: var(--purple);
}

.menu-icon
{
    height: var(--icon-size);
    width: var(--icon-size);
    min-height: var(--icon-size);
    min-width: var(--icon-size);
    background-color: var(--background-color);
}

    .menu-icon.big
    {
        height: calc(var(--icon-size) * 2);
        width: calc(var(--icon-size) * 2);
        min-height: calc(var(--icon-size) * 2);
        min-width: calc(var(--icon-size) * 2);
    }

    .menu-icon.small
    {
        height: calc(var(--icon-size) * 0.65);
        width: calc(var(--icon-size) * 0.65);
        min-height: calc(var(--icon-size) * 0.65);
        min-width: calc(var(--icon-size) * 0.65);
    }

    .menu-icon.smaller
    {
        height: calc(var(--icon-size) * (1/3));
        width: calc(var(--icon-size) * (1/3));
        min-height: calc(var(--icon-size) * (1/3));
        min-width: calc(var(--icon-size) * (1/3));
    }

    /*#region Icon Definitions*/

    .menu-icon.alphabet
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/alphabet.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/alphabet.svg) no-repeat center / contain;
    }

    .menu-icon.atom
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/atom.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/atom.svg) no-repeat center / contain;
    }

    .menu-icon.at-student
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/at-student.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/at-student.svg) no-repeat center / contain;
    }

    .menu-icon.blue-logo
    {
        background-color: var(--background-color);
        -webkit-mask: url(/Assets/Custom/img/Master/aspiri_new_logo_grayscale_icon.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Master/aspiri_new_logo_grayscale_icon.svg) no-repeat center / contain;
    }

    .menu-icon.book-apple
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/book-apple.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/book-apple.svg) no-repeat center / contain;
    }

    .menu-icon.book-computer
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/book-computer.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/book-computer.svg) no-repeat center / contain;
    }

    .menu-icon.book-headphones
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/book-headphones.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/book-headphones.svg) no-repeat center / contain;
    }

    .menu-icon.book-people
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/book-people.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/book-people.svg) no-repeat center / contain;
    }

    .menu-icon.books
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/books.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/books.svg) no-repeat center / contain;
    }

    .menu-icon.books-apple-scateboard
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/books-apple-scateboard.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/books-apple-scateboard.svg) no-repeat center / contain;
    }

    .menu-icon.books-cloud
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/books-cloud.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/books-cloud.svg) no-repeat center / contain;
    }

    .menu-icon.books-lamp
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/books-lamp.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/books-lamp.svg) no-repeat center / contain;
    }

    .menu-icon.books-shelf
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/books-shelf.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/books-shelf.svg) no-repeat center / contain;
    }

    .menu-icon.building-town-hall
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/building-town-hall.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/building-town-hall.svg) no-repeat center / contain;
    }

    .menu-icon.calendar-time
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/calendar-time.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/calendar-time.svg) no-repeat center / contain;
    }

    .menu-icon.chess-knight-pawn
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/chess-knight-pawn.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/chess-knight-pawn.svg) no-repeat center / contain;
    }

    .menu-icon.diploma-mouse
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/diploma-mouse.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/diploma-mouse.svg) no-repeat center / contain;
    }

    .menu-icon.diploma-ribbon
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/diploma-ribbon.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/diploma-ribbon.svg) no-repeat center / contain;
    }

    .menu-icon.dna
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/dna.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/dna.svg) no-repeat center / contain;
    }

    .menu-icon.football
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/football.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/football.svg) no-repeat center / contain;
    }

    .menu-icon.globe
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/globe.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/globe.svg) no-repeat center / contain;
    }

    .menu-icon.globe-student
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/globe-student.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/globe-student.svg) no-repeat center / contain;
    }

    .menu-icon.idea-nut
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/idea-nut.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/idea-nut.svg) no-repeat center / contain;
    }

    .menu-icon.maths-computer
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/maths-computer.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/maths-computer.svg) no-repeat center / contain;
    }

    .menu-icon.maths-counter
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/maths-counter.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/maths-counter.svg) no-repeat center / contain;
    }

    .menu-icon.maths-tools
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/maths-tools.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/maths-tools.svg) no-repeat center / contain;
    }

    .menu-icon.maths-microscope
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/maths-microscope.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/maths-microscope.svg) no-repeat center / contain;
    }

    .menu-icon.musical-note
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/musical-note.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/musical-note.svg) no-repeat center / contain;
    }

    .menu-icon.owl-student
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/owl-student.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/owl-student.svg) no-repeat center / contain;
    }

    .menu-icon.paper-a-plus
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/paper-a-plus.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/paper-a-plus.svg) no-repeat center / contain;
    }

    .menu-icon.paper-a-plus-nut
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/paper-a-plus-nut.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/paper-a-plus-nut.svg) no-repeat center / contain;
    }

    .menu-icon.pencil-paint
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/pencil-paint.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/pencil-paint.svg) no-repeat center / contain;
    }

    .menu-icon.person
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/person.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/person.svg) no-repeat center / contain;
    }

    .menu-icon.person-backpack
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/person-backpack.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/person-backpack.svg) no-repeat center / contain;
    }

    .menu-icon.person-glasses
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/person-glasses.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/person-glasses.svg) no-repeat center / contain;
    }

    .menu-icon.phone
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/phone.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/phone.svg) no-repeat center / contain;
    }

    .menu-icon.phone-edu
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/phone-edu.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/phone-edu.svg) no-repeat center / contain;
    }

    .menu-icon.picture
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/picture.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/picture.svg) no-repeat center / contain;
    }

    .menu-icon.pig-student
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/pig-student.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/pig-student.svg) no-repeat center / contain;
    }

    .menu-icon.pillar-top
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/pillar-top.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/pillar-top.svg) no-repeat center / contain;
    }

    .menu-icon.puzzle-box
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/puzzle-box.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/puzzle-box.svg) no-repeat center / contain;
    }

    .menu-icon.school
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/school.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/school.svg) no-repeat center / contain;
    }

    .menu-icon.school-backpack
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/school-backpack.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/school-backpack.svg) no-repeat center / contain;
    }

    .menu-icon.school-bell
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/school-bell.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/school-bell.svg) no-repeat center / contain;
    }

    .menu-icon.school-bus
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/school-bus.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/school-bus.svg) no-repeat center / contain;
    }

    .menu-icon.science-beaker
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/science-beaker.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/science-beaker.svg) no-repeat center / contain;
    }

    .menu-icon.science-microscope
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/science-microscope.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/science-microscope.svg) no-repeat center / contain;
    }

    .menu-icon.scroll-quill
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/scroll-quill.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/scroll-quill.svg) no-repeat center / contain;
    }

    .menu-icon.shopping-bag
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/shopping-bag.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/shopping-bag.svg) no-repeat center / contain;
    }

    .menu-icon.speech-bubbles
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/speech-bubbles.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/speech-bubbles.svg) no-repeat center / contain;
    }

    .menu-icon.speech-bubbles-qa
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/speech-bubbles-qa.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/speech-bubbles-qa.svg) no-repeat center / contain;
    }

    .menu-icon.student-scroll
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/student-scroll.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/student-scroll.svg) no-repeat center / contain;
    }

    .menu-icon.teaching-online
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/teaching-online.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/teaching-online.svg) no-repeat center / contain;
    }

    .menu-icon.teaching-physical
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/teaching-physical.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/teaching-physical.svg) no-repeat center / contain;
    }

    .menu-icon.test-checkmark-computer
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/test-checkmark-computer.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/test-checkmark-computer.svg) no-repeat center / contain;
    }

    .menu-icon.test-computer
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/test-computer.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/test-computer.svg) no-repeat center / contain;
    }

    .menu-icon.test-paper-pencil
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/test-paper-pencil.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/test-paper-pencil.svg) no-repeat center / contain;
    }

    .menu-icon.trophy
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/trophy.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/trophy.svg) no-repeat center / contain;
    }

    .menu-icon.u-computer
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/u-computer.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/u-computer.svg) no-repeat center / contain;
    }

    .menu-icon.u-student
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/u-student.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/u-student.svg) no-repeat center / contain;
    }

    .menu-icon.video-person-computer
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/video-person-computer.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/video-person-computer.svg) no-repeat center / contain;
    }

    .menu-icon.web-lock
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/web-lock.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/web-lock.svg) no-repeat center / contain;
    }

    .menu-icon.web-textbox
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/web-textbox.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/web-textbox.svg) no-repeat center / contain;
    }

    .menu-icon.whiteboard-alphabet
    {
        -webkit-mask: url(/Assets/Custom/img/Icons/svg/whiteboard-alphabet.svg) no-repeat center / contain;
        mask: url(/Assets/Custom/img/Icons/svg/whiteboard-alphabet.svg) no-repeat center / contain;
    }
/*#endregion Icon Definitions*/
/*#endregion Menu Icons*/

/*#region Default */

body, td, div, img
{
    margin: 0px;
}

html, body
{
    width: 100%;
    height: 100%;
    padding: 0px;
}

#backdrop
{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: var(--background-color);
}

a, span, div, html, body, td, th, textarea, input, pre, p, label
{
    font-family: WorkSans-VariableFont_wght, Arial, Helvetica, sans-serif;
    font-size: 13px;
    text-decoration: none;
}

a
{
    color: var(--purple);
}

    a:hover
    {
        text-decoration: underline
    }

    a img
    {
        border: none
    }

    a.pink_text:hover
    {
        text-decoration: underline;
    }

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

p
{
    margin: 0;
    padding: 0;
}

h1
{
    font-size: 40px;
}

h2
{
    font-size: 30px;
}

h3
{
    font-size: 23px;
}

h4
{
    font-size: 17px;
}

h5
{
    font-size: 15px;
}

h6
{
    font-size: 13px;
}

h1, h2, h3, h4, h5, h6
{
    margin: 0px 0px 20px 0px;
}

div, td, input, textarea, option, select, li
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.full-flex
{
    width: 100%;
    height: 100vh;
    padding: 0;
    margin: 0;
    display: flex;
}

.width100
{
    width: 100%;
}

.width90
{
    width: 90%;
}

.width80
{
    width: 80%;
}

.width70
{
    width: 70%;
}

.width60
{
    width: 60%;
}

.width50
{
    width: 50%;
}

.width55
{
    width: 55%;
}

.width40
{
    width: 40%;
}

.width45
{
    width: 45%;
}

.width30
{
    width: 30%;
}

.width20
{
    width: 20%;
}

.width10
{
    width: 10%;
}

.large-text, .large-text span
{
    -webkit-text-size-adjust: 100%;
    position: relative;
    z-index: 11;
    tab-size: 4;
    font-family: inherit;
    -webkit-box-direction: normal;
    box-sizing: border-box;
    border: 0 solid #e5e7eb;
    font-weight: 700;
    font-size: 6rem;
    line-height: 1;
    margin-top: 1rem;
    color: #FFF;
    font-style: italic;
}

    .large-text span
    {
        display: block;
        color: var(--purple);
    }

.bottom-text
{
    position: relative;
    z-index: 11;
    color: #d1d5db;
    padding-right: 10rem;
    margin-top: 1rem;
    line-height: 24px;
    font-size: 1.25rem;
}

#typewriter-container
{
    width: 100%;
}

#typewriter, #typewriter-cursor
{
    display: inline-block;
}

#typewriter-cursor
{
    animation: fadeIn infinite alternate ease 0.65s;
}

@keyframes fadeIn
{
    0%
    {
        opacity: 0;
    }

    100%
    {
        opacity: 1;
    }
}
/*#endregion Default */

/*#region Text*/
.text-a
{
    color: var(--purple)
}

.text-b
{
    color: #fff
}

.text-s
{
    font-size: 11px
}
/* Small */
.text-m
{
    font-size: 13px
}
/* Medium */
.text-l
{
    font-size: 15px
}
/* Large */
.form-field-header
{
    color: #535353;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 8px
}

.checkbox-line
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .checkbox-line input
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25px;
        flex: 0 0 25px;
        margin-right: 10px
    }

    .checkbox-line label
    {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
/*#endregion Text*/

/*#region Input/placeholder behavior */
input:focus
{
    outline-width: 0;
}

    input:focus::-webkit-input-placeholder
    {
        color: transparent !important;
    }

    input:focus::-moz-placeholder
    {
        color: transparent !important;
    }

    input:focus:-moz-placeholder
    {
        color: transparent !important;
    }
/*#endregion Input/placeholder behavior */

/*#region Inputs */
textarea.large
{
    font-size: 15px;
}

input[type="text"].large, input[type="password"].large, input[type="email"], select.large
{
    border: 1px solid #cbcbcb
}

input[type="file"].large
{
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

input[type="text"].large, input[type="password"].large, input[type="email"], input[type="radio"].large, select.large
{
    height: 40px;
    font-size: 15px;
}

input[type="file"] + label
{
    color: #0d3d54;
}

    input[type="file"] + label:hover
    {
        color: var(--purple);
        text-decoration: none;
        cursor: pointer
    }

input[type="file"].large + label
{
    display: inline-block;
    padding-top: 10px;
}

input[type="checkbox"]
{
    width: 20px;
    height: 20px;
    margin-left: 0
}
/*#endregion Inputs */

/*#region Headers*/

.header-l
{
    font-size: 30px;
    font-weight: bold;
    display: block;
    margin-bottom: 25px
}

.header-m
{
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: 20px
}

.header-a
{
    color: var(--purple)
}

/* Backgrounds */
.bg-a
{
    background-color: var(--purple)
}

.bg-b
{
    background: -webkit-linear-gradient(65deg, #75d8c8 0%,#006a84 100%);
    background: -o-linear-gradient(65deg, #75d8c8 0%,#006a84 100%);
    background: linear-gradient(25deg, #75d8c8 0%,#006a84 100%)
}
/*#endregion Headers*/

/*#region Buttons */
.notification_button
{
    margin-right: 20px;
    padding: 13px;
    background-color: #E4455D;
    color: #FFF;
    font-weight: bold;
    border-radius: 20px;
    -moz-transition: opacity 0.25s, top 0.125s, right 0.125s, padding 0.125s;
    -o-transition: opacity 0.25s, top 0.125s, right 0.125s, padding 0.125s;
    -webkit-transition: opacity 0.25s, top 0.125s, right 0.125s, padding 0.125s;
    transition: opacity 0.25s, top 0.125s, right 0.125s, padding 0.125s;
    opacity: 0;
}

    .notification_button:hover
    {
        -webkit-text-decoration: none;
        text-decoration: none;
    }

.btn-a, .btn-b, .btn-c, .btn-d
{
    cursor: pointer;
}

.btn-s, .btn-b
{
    cursor: pointer;
}

    .btn-s, .btn-s + label, .btn-l, .btn-l + label
    {
        display: inline-block;
        text-align: center;
        overflow: visible;
    }

        .btn-s, .btn-s + label
        {
            font-size: 12px;
            height: 25px;
            border-radius: 10px;
        }
        /* Small */
        .btn-l, .btn-l + label
        {
            font-size: 15px;
            height: 40px;
            border-radius: var(--spacing);
        }
/* Large */
.btn-xl, .btn-xl + label
{
    font-size: 20px;
    height: 50px;
    border-radius: var(--spacing);
}
/* X-Large */
.btn-a, .btn-a + label
{
    color: #000;
    border: 1px solid #bfbfbf;
    background-color: #fff
}
    /* White background, black text */
    .btn-a:hover, .btn-a:hover + label
    {
        background-color: rgba(0, 0, 0, 0.06)
    }

.btn-b, .btn-b + label
{
    color: var(--purple);
    border: 1px solid var(--purple);
    background-color: #fff
}
    /* White background, turquoise text */
    .btn-b:hover, .btn-b:hover + label
    {
        background-color: var(--purple);
        color: #fff
    }

.btn-c, .btn-c + label
{
    color: var(--purple);
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(0,0,0,0);
}
    /* Turquoise background, white text */
    .btn-c:hover, .btn-c:hover + label, .btn-c.enabled
    {
        color: #FFF;
        background-color: var(--purple);
    }

.btn-d, .btn-d + label
{
    color: #fff;
    border: 1px solid #bfbfbf;
    background-color: transparent
}
    /* Transparent background, white text */
    .btn-d:hover, .btn-d:hover + label
    {
        background-color: rgba(255, 255, 255, 0.15)
    }

.btn-e, .btn-e + label
{
    color: #000;
    border: 1px solid #bfbfbf;
    background-color: transparent
}
    /* Transparent background, black text */
    .btn-e:hover, .btn-e:hover + label
    {
        background-color: rgba(255, 255, 255, 0.30)
    }

button[class*="btn-"][disabled]
{
    border: none;
    background-color: #cdcdcd;
    color: #eee;
    cursor: not-allowed
}

.btn-img, .btn-img + label
{
    text-align: left;
    padding-left: 15px;
    padding-right: 40px;
    background-size: 16px;
    background-position: right 15px center;
    background-repeat: no-repeat;
}

.btn-l.wait
{
    background: #bac5c5 url(/Assets/Custom/img/loader-pink.gif) no-repeat center;
    cursor: wait
}
/*#endregion Buttons */

/*#region Validation helpers */
.field-validation-error
{
    color: #e80c4d;
    font-weight: bold
}

.field-validation-valid
{
    display: none;
}

input.input-validation-error, textarea.input-validation-error, select.input-validation-error
{
    outline: 1px solid #e80c4d;
}

input[type="checkbox"].input-validation-error
{
    border: 0 none;
}

.validation-summary-errors
{
    color: #e80c4d;
    font-weight: bold
}

.validation-summary-valid
{
    display: none;
}

.validation-summary-errors ul
{
    list-style-type: none;
    padding-left: 0;
}
/*#endregion Validation helpers */

/*#region Vendors*/
.k-editor, .k-widget input, .k-widget textarea, .k-widget option, .k-widget select, .k-widget button
{
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.k-editor-inline
{
    border-radius: 0;
    border-width: 1px;
    border-color: #e6e6e6
}

.k-editor img
{
    width: 1500px;
    max-width: 100%;
    display: block
}
/*#endregion Vendors*/

/*#region Tables */
table.gray tr, table.gray tr.row
{
    background-color: #f0f0f0;
}

    table.gray tr:nth-child(odd):not(.row), table.gray tr.alt_row
    {
        background-color: #fbfbfb;
    }

    table.gray tr:first-child
    {
        background-color: #D1D1D1;
    }

    table.gray tr:last-child
    {
        background-color: #D1D1D1;
    }

    table.gray tr.hover
    {
        background-color: #ecff84;
        cursor: pointer
    }

table.gray.border
{
    border-collapse: collapse
}

    table.gray.border td
    {
        border: 1px solid #999999
    }

table.padding_small td
{
    padding: 3px 0px 3px 0px;
}

table.padding_medium td
{
    padding: 7px 0px 7px 0px;
}
/*#endregion Tables */

/*#region Misc */
.borderless
{
    border: 0;
    background: transparent;
}

.clear
{
    clear: both
}

.relative
{
    position: relative
}

.stretch
{
    width: 100%;
    height: 100%
}

.float-right
{
    float: right
}

.rotate-90
{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}

.rotate-180
{
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rotate-270
{
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
}

.full-width
{
    width: 100%
}

.center
{
    text-align: center
}

.hidden
{
    display: none
}

.padding_large
{
    padding: 30px 0px 30px 0px;
}

.padding_medium
{
    padding: 20px 0px 20px 0px;
}

.padding_small
{
    padding: 5px 0px 5px 0px;
}

.spacer_large
{
    height: 30px;
}

.spacer_medium
{
    height: 20px;
}

.spacer_small
{
    height: 10px;
}
/*#endregion Misc */

/*#region Shared elements */
.chapter-row
{
    margin-bottom: 20px;
    position:relative;
}

    .chapter-row > .header
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        width: 100%;
        padding-bottom: 5px;
        margin-bottom: 10px;
        border-bottom: 1px solid #CECECE;
        cursor: pointer
    }

        .chapter-row > .header:hover
        {
            background-color: rgba(0, 0, 0, 0.06);
            border-bottom-color: transparent;
            outline: 5px solid rgba(0, 0, 0, 0.06)
        }

        .chapter-row > .header .title
        {
            font-size: 18px;
            display: flex;
            -webkit-align-items: center;
            align-items: center;
            width: 100%
        }

            .chapter-row > .header .title .chapter-title
            {
                display: inline-block;
                font-size: 18px;
                max-width: 80%;
            }

        .chapter-row > .header .expand-collapse
        {
            text-align: right;
            height: 14px
        }

            .chapter-row > .header .expand-collapse img
            {
                height: 14px;
                margin-bottom: 0px
            }

    .chapter-row > .content
    {
        margin-bottom: 40px
    }

.chapter-locked
{
    font-size: 16px;
    padding-left: 5px;
}

.subject-row
{
    margin-bottom: 20px;
    position:relative;
}

    .subject-row > .header
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        padding-bottom: 5px;
        margin-bottom: 30px;
        border-bottom: 2px dotted #dcdcdc;
        cursor: pointer
    }

        .subject-row > .header .title
        {
            font-size: 25px
        }

        .subject-row > .header .expand-collapse
        {
            text-align: right
        }

            .subject-row > .header .expand-collapse img
            {
                height: 21px
            }

    .subject-row > .content
    {
        margin-bottom: 50px
    }

.k-editor-toolbar .k-custom-image
{
    background-position: -288px -96px
}

.document-list-wrapper
{
    margin-bottom: 20px
}

    .document-list-wrapper > .header
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        width: 100%;
        padding-bottom: 5px;
        margin-bottom: 30px;
        border-bottom: 2px dotted #dcdcdc;
        cursor: pointer
    }

        .document-list-wrapper > .header .title
        {
            font-size: 25px
        }

        .document-list-wrapper > .header .expand-collapse
        {
            text-align: right
        }

            .document-list-wrapper > .header .expand-collapse img
            {
                height: 21px
            }

    .document-list-wrapper > .content
    {
        margin-bottom: 50px
    }

.breadcrumbs .dimmed
{
    color: #bbbbbb
}

.breadcrumbs img
{
    height: 12px;
    margin: 0 10px 0 10px
}

.category-boxes
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -10px
}

    .category-boxes a
    {
        height: 100px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color: #f7f7f7;
        width: calc(33.33% - 20px);
        margin: 0 10px 20px 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 0 15px 20px 15px
    }

        .category-boxes a:hover
        {
            background-color: rgba(0, 0, 0, 0.06)
        }

        .category-boxes a.dark
        {
            background-color: rgba(0, 0, 0, 0.09)
        }

    .category-boxes .content
    {
        font-size: 16px
    }

    .category-boxes img
    {
        height: 14px
    }

.video-thumb
{
    position: relative;
    display: block
}

    .video-thumb .thumb
    {
        width: 180px;
        display: block
    }

.thumbnail-overlay
{
    position: absolute;
    width: 100%;
    height: 100%;
}

.thumbnail-overlay-left,
.thumbnail-overlay-right
{
    display: inline-flex;
    position: absolute;
    flex-direction: row;
    justify-content: end;
    gap: 5px;
    padding: 5px;
    bottom: 0;
    z-index: 1000;
}

.thumbnail-overlay-left
{
    left: 0;
}

.thumbnail-overlay-right
{
    flex-direction: column;
    right: 0;
}

.video-thumb .duration, .video-thumb .commentcount, .video-thumb .teachermessagecount
{
    background-color: #a5a6aacc;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 4px;
}

.video-thumb .duration
{
    right: 7px;
}

.video-thumb .commentcount
{
    left: 7px;
}

.video-thumb .elapsed, #video-wrapper .elapsed
{
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 3px;
    background-color: var(--purple);
}

#video-wrapper .elapsed
{
    z-index: 12;
}


.touchcarousel-item .favorite-video, .touchcarousel-item .note, .isFinished
{
    text-align: center;
    border-radius: 5px;
    position: absolute;
    z-index: 100;
    top: 0px;
}

.isFinished
{
    font-size: 20px;
    position: absolute;
    cursor: pointer;
    color: var(--purple);
    right: 0;
}

.touchcarousel-item .favorite-video, .touchcarousel-item .note
{
    color: #fff;
}

.touchcarousel-item .favorite-video
{
    left: 0;
    cursor: pointer;
    font-size: 20px;
    color: var(--purple);
}

.touchcarousel-item .note
{
    background-color: #a5a6aacc;
    left: 25px;
    padding:4px;
}

    .touchcarousel-item .note img
    {
        height: 16px
    }

    .touchcarousel-item .favorite-video:has(svg[data-prefix="fas"])
    {
        color:var(--gold);
        background-color:none;
    }

.video-thumb .masked
{
    background-color: #545457;
    width: 180px;
    height: 101px;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0.7;
    padding-top: 35px;
    text-align: center
}

.video-thumb .purchase, .video-thumb .purchase_return
{
    border: 1px solid var(--purple);
    width: 68px;
    height: 28px;
    color: var(--purple);
    text-align: center;
    padding-top: 5px;
    border-radius: 5px;
    opacity: 0.7;
    display: inline-block
}

.video-table .video-row
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
    cursor: pointer
}

    .video-table .video-row:hover
    {
        background-color: rgba(0, 0, 0, 0.06);
        outline: 7px solid rgba(0, 0, 0, 0.06)
    }

    .video-table .video-row .video-thumb
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 180px;
        flex: 0 0 180px;
        margin-right: 20px
    }

    .video-table .video-row .info
    {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-right: 20px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer;
        -ms-flex-item-align: stretch;
        align-self: stretch;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .video-table .video-row .info .toggle-wrapper
        {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
        }

        .video-table .video-row .info .toggle
        {
            margin-right: 5px
        }

            .video-table .video-row .info .toggle img
            {
                height: 12px
            }

        .video-table .video-row .info .description
        {
            color: #636363;
            margin-top: 5px;
            display: none
        }

    .video-table .video-row .play
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        height: 14px
    }

    .video-table .video-row .price
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        margin-right: 20px;
        color: #636363
    }

    .video-table .video-row .purchase, .video-table .video-row .purchase_return
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto
    }

.video-bar
{
    position: relative;
    min-height: 135px;
}

    .video-bar .touchcarousel
    {
        width: 100%;
        height: auto;
        cursor: move
    }

    .video-bar .touchcarousel-item
    {
        width: 180px;
        margin-right: 15px
    }

        .video-bar .touchcarousel-item.selected
        {
            width: 198px
        }

        .video-bar .touchcarousel-item:not(.spacer):hover
        {
            background-color: rgba(0, 0, 0, 0.06);
            outline: 7px solid rgba(0, 0, 0, 0.06);
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
        }

    .video-bar .selected
    {
        padding: 8px;
        background-color: #e8e8e8;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }

        .video-bar .selected .video-thumb .thumb
        {
            border: 1px solid #fff
        }

        .video-bar .selected .video-thumb .elapsed, #video-container .elapsed
        {
            left: 0px;
            bottom: 0px;
        }

        .video-bar .selected .video-thumb .masked
        {
            top: 1px;
            left: 1px;
        }

    .video-bar .info
    {
        white-space: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        cursor: pointer
    }

        .video-bar .info .toggle
        {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 20px;
            flex: 0 0 20px;
            cursor: pointer
        }

            .video-bar .info .toggle img
            {
                height: 12px
            }

        .video-bar .info .collapsed
        {
            overflow: hidden;
            -o-text-overflow: ellipsis;
            text-overflow: ellipsis;
            white-space: nowrap
        }

        .video-bar .info .description
        {
            color: #8a8a8a
        }

        .video-bar .info .collapsed .description
        {
            display: none
        }



    .video-bar .viewcount, .video-bar .teachermessagecount
    {
        z-index: 10;
        color: #fff;
        background-color: #a5a6aa;
        opacity: 0.7;
        font-weight: bold;
        padding: 4px;
        border-radius: 5px;
    }




.video-note-bar .video-thumb .thumb
{
    width: 85px
}

.video-note-bar .touchcarousel-item
{
    width: 85px
}

    .video-note-bar .touchcarousel-item.selected
    {
        width: 103px
    }

.video-file-bar
{
    position: relative
}

    .video-file-bar .touchcarousel
    {
        width: 100%;
        height: auto;
        cursor: move
    }

    .video-file-bar .touchcarousel-item
    {
        width: 100px;
        margin-right: 15px
    }

    .video-file-bar .thumb
    {
        width: 80px
    }

    .video-file-bar .touchcarousel-item:not(.spacer):hover
    {
        background-color: rgba(0, 0, 0, 0.06);
        outline: 7px solid rgba(0, 0, 0, 0.06)
    }

    .video-file-bar .info
    {
        white-space: normal;
        -ms-word-break: break-all;
        word-break: break-all;
    }

    .video-file-bar .file-item
    {
        display: flex;
        align-items: center;
        padding: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        -moz-transition: all 0.25s;
        -o-transition: all 0.25s;
        -webkit-transition: all 0.25s;
        transition: all 0.25s;
    }

        .video-file-bar .file-item:hover
        {
            background-color: rgba(0,0,0,0.06);
        }

        .video-file-bar .file-item img
        {
            width: 50px;
            margin-right: 5px;
        }

.video-note-preview .footer
{
    text-align: center;
    margin-top: 10px
}

.note-tools-wrapper
{
    height: 70px;
    background-color: #FFF;
    border: 1px solid #e6e6e6;
    border-top: none;
    -moz-border-radius: 0 0 var(--spacing) var(--spacing);
    -webkit-border-radius: 0 0 var(--spacing) var(--spacing);
    border-radius: 0 0 var(--spacing) var(--spacing);
    padding: 0px 5px 0px 5px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .note-tools-wrapper img
    {
        height: 16px
    }

    .note-tools-wrapper .note_downloads
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .note-tools-wrapper .note_buttons
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .note-tools-wrapper .save-note
    {
        margin-left: 10px
    }

    .note-tools-wrapper .exportToWord, .note-tools-wrapper .exportToPdf
    {
        margin-right: 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

    .note-tools-wrapper .save-note
    {
        margin-left: 10px
    }

    .note-tools-wrapper .file-docs
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        .note-tools-wrapper .file-docs p
        {
            color: var(--purple);
            margin-right: 10px
        }

        .note-tools-wrapper .file-docs img
        {
            height: 24px;
            margin-right: 5px
        }

.modal-dialog .footer
{
    text-align: center;
    width: 100%;
    height: 40px;
    margin-top: 50px
}

    .modal-dialog .footer button
    {
        width: 100px
    }

    .modal-dialog .footer .confirm
    {
        margin-right: 10px
    }
/*#endregion Shared elements */

/*#region Main layout */
body.master
{
    background-color: var(--background-color);
}

.flex-horizontal
{
    display: flex;
    -ms-flex-direction: row;
    -webkit-flex-direction: row;
    flex-direction: row;
}

#top-menu
{
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    width: 100%;
    position: fixed;
    top: 0px;
    z-index: 1000;
    padding-left: 2%;
    padding-right: 2%;
    padding-top: var(--spacing);
    padding-bottom: var(--spacing);
    background-color: #FFF;
    -moz-box-shadow: 0px -5px 10px 0px var(--black);
    -webkit-box-shadow: 0px -5px 10px 0px var(--black);
    box-shadow: 0px -5px 10px 0px var(--black);
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -moz-transition: top 0.5s ease-in-out;
    -o-transition: top 0.5s ease-in-out;
    -webkit-transition: top 0.5s ease-in-out;
    transition: top 0.5s ease-in-out;
}

    #top-menu #burger_menu
    {
        padding: 5px;
        width: 2rem;
        box-sizing: content-box;
        margin-right: var(--spacing);
        display: none;
    }

        #top-menu #burger_menu .burger_menu_line
        {
            border-top: solid 3px #717171;
            -moz-border-radius: 3px;
            -webkit-border-radius: 3px;
            border-radius: 3px;
            margin: 3px 0 0 0;
        }

            #top-menu #burger_menu .burger_menu_line:nth-child(1)
            {
                margin: 0;
            }

    #top-menu .header-company-name
    {
        display: block;
        height: var(--logo-height);
    }

    #top-menu .categories
    {
        display: inline-block;
        margin-left: var(--padding);
    }

        #top-menu .categories .top-menu-item
        {
            display: inline-block;
            margin-right: 30px;
            -moz-border-radius: var(--spacing);
            -webkit-border-radius: var(--spacing);
            border-radius: var(--spacing);
        }

            #top-menu .categories .top-menu-item:hover a, #top-menu .categories .top-menu-item a.selected, #personal-menu .selected, #personal-menu button:hover, #burger_menu-content .selected, #burger_menu-content button:hover
            {
                -webkit-text-decoration: none;
                text-decoration: none;
                background-color: rgba(102,103,171,0.2);
                border: none;
                color: var(--purple);
            }

            #top-menu .categories .top-menu-item a
            {
                color: var(--black);
                padding: 17px;
                display: inline-block;
                position: relative;
                top: 0px;
                font-size: 15px;
                font-weight: bold;
                letter-spacing: 1px;
                -moz-border-radius: var(--spacing);
                -webkit-border-radius: var(--spacing);
                border-radius: var(--spacing);
            }

    #top-menu .right
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }

        #top-menu .right .login
        {
            width: 150px
        }

        #top-menu .right .shopping-cart-wrapper
        {
            width: 32px;
            margin-right: 20px;
            position: relative;
            top: -14px
        }

            #top-menu .right .shopping-cart-wrapper .product-count
            {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 20px;
                height: 20px;
                background-color: #999;
                border-radius: 10px;
                font-size: 13px;
                color: #fff;
                text-align: center;
                padding-top: 2px;
            }

            #top-menu .right .shopping-cart-wrapper .shopping-cart-icon
            {
                position: absolute;
                top: 0px;
                left: 0px;
                width: 32px;
                cursor: pointer
            }

        #top-menu .right .personal-menu-icon
        {
            display: flex;
            /* padding: var(--spacing); */
            width: 45px;
            height: 45px;
            border-radius: 100%;
            font-size: 15px;
            text-align: center;
            /* padding-top: 12px; */
            cursor: pointer;
            justify-content: center;
            align-items: center;
            -moz-box-shadow: 0px 0px 8px 0px var(--black);
            -webkit-box-shadow: 0px 0px 8px 0px var(--black);
            box-shadow: 0px 0px 8px 0px var(--black);
        }

    #top-menu .top-menu-icon
    {
        cursor: pointer
    }

#personal-menu
{
    right: 3%;
}

#burger_menu-content
{
    left: 3%;
}

#personal-menu, #burger_menu-content
{
    position: fixed;
    top: 90px;
    width: 250px;
    z-index: 1000;
    display: none
}

    #personal-menu .top, #burger_menu-content .top
    {
        height: 7px;
        background-image: url(/Assets/Custom/img/triangle-gray.png);
        background-position: top right 14px;
        background-repeat: no-repeat
    }

    #personal-menu .bottom, #burger_menu-content .bottom
    {
        background-color: var(--background-color-faded);
        border-radius: 5px;
        text-align: center;
        padding-top: 20px;
        padding-bottom: 10px
    }

    #personal-menu .btn-my, #burger_menu-content .btn-my
    {
        width: 150px;
        margin: 5px 0;
    }

    #personal-menu .btn-my-videos, #burger_menu-content .btn-my-videos
    {
        width: 150px;
        margin: 20px 0 5px 0;
    }

    #personal-menu .btn-my-tests, #burger_menu-content .btn-my-tests
    {
        width: 150px;
        margin: 5px 0 20px 0;
    }

    #personal-menu .btn-sign-out, #burger_menu-content .btn-sign-out
    {
        width: 150px;
        text-align: center;
        background-image: url(/Assets/Custom/img/sign-out-black-32px.png);
        margin-top: 5px
    }

#top-menu .search-box .query
{
    width: calc(100% - 50px);
    height: 40px;
    border: none;
    margin-left: 15px;
    font-size: 13px;
    background-color: transparent
}

    #top-menu .search-box .query::-ms-clear
    {
        display: none;
    }

#top-menu .search-box
{
    position: absolute;
    width: 200px;
    height: 42px;
    top: 20px;
    right: calc(2% + 70px);
    border-radius: var(--spacing);
    border: 1px solid #bfbfbf;
    display: none
}

    #top-menu .search-box input[type=image]
    {
        height: 16px
    }

#top-menu .show-search-box
{
    cursor: pointer;
    display: none
}

.maintenance-warning
{
    width: 100%;
    padding: 10px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100000;
    background-color: #ffb93e;
    border-color: #000;
    border-style: solid;
    border-width: 1px 0;
    font-weight: bold
}

.main-content
{
    width: 100%;
    min-height: 100%;
    position: relative;
    margin: 0;
    padding-top: 110px
}

    .main-content > .upper
    {
        padding-bottom: 100px
    }

    .main-content > .footer
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        left: 0%;
        bottom: 0px;
        height: 80px;
        width: 100%;
        border-top: 2px solid #cccccc;
        padding-left: 6%
    }

.side-padding
{
    padding-right: 6%;
    padding-left: 6%
}
/*#endregion Main layout */

/*#region Front page */
.front-page
{
    background-color: #fff;
    padding-top: calc((var(--spacing) * 2) + var(--logo-height));
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .front-page .video-strecher
    {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden
    }

    .front-page .video-frame
    {
        width: 100%;
        height: 100%;
        margin-bottom: 20px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .front-page .intro-wrapper
    {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .front-page .intro
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #fff
    }

        .front-page .intro .video-wrapper, .front-page .intro .info
        {
            width: 46%
        }

        .front-page .intro .info
        {
            -ms-flex-item-align: center;
            align-self: center
        }

            .front-page .intro .info .header
            {
                font-size: 24px;
                margin-bottom: 20px;
                text-align: center
            }

            .front-page .intro .info .main
            {
                font-size: 16px;
                margin-bottom: 30px;
                text-align: center
            }

            .front-page .intro .info .footer
            {
                text-align: center;
            }

                .front-page .intro .info .footer .watch-videos
                {
                    padding: 0 50px
                }

    .front-page .facts
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 80px 0;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }

        .front-page .facts .fact
        {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 30%
        }

        .front-page .facts .header
        {
            font-size: 18px
        }

        .front-page .facts .main
        {
            margin-top: 10px
        }

        .front-page .facts .image img
        {
            width: 108px
        }

        .front-page .facts .fact .image
        {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 108px;
            flex: 0 0 108px;
            margin-right: 20px
        }

#contact-popup table
{
    width: 100%
}

    #contact-popup table td
    {
        padding: 3px 0
    }
/*#endregion Front page */

/*#region About page */
.about-page
{
    background-color: #fff;
    min-height: 100vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .about-page .video-strecher
    {
        position: relative;
        padding-bottom: 56.25%;
        height: 0;
        overflow: hidden
    }

    .about-page .video-frame, .about-page .video-frame-overlay
    {
        width: 100%;
        height: 100%;
        margin-bottom: 20px;
        position: absolute;
        top: 0;
        left: 0;
    }

    .about-page .video-frame-overlay
    {
        background-size: cover;
        cursor: pointer;
        border: 2px solid #fff
    }

        .about-page .video-frame-overlay img
        {
            width: 120px;
            position: absolute;
            top: 50%;
            margin-top: -60px;
            left: 50%;
            margin-left: -60px
        }

    .about-page .intro-wrapper
    {
        padding-top: 50px;
        padding-bottom: 50px;
        margin-bottom: 50px
    }

    .about-page .intro
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        color: #fff
    }

        .about-page .intro .video-wrapper, .about-page .intro .info
        {
            width: 46%
        }

        .about-page .intro .info
        {
            -ms-flex-item-align: center;
            align-self: center
        }

            .about-page .intro .info .header
            {
                font-size: 24px;
                margin-bottom: 20px
            }

            .about-page .intro .info .main
            {
                font-size: 16px;
                margin-bottom: 30px
            }

    .about-page .facts
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 40px;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        min-height: 150px
    }

        .about-page .facts .fact
        {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            width: 46%
        }

            .about-page .facts .fact .info .header
            {
                font-size: 18px
            }

            .about-page .facts .fact .info .main
            {
                margin-top: 10px
            }

            .about-page .facts .fact .image
            {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 108px;
                flex: 0 0 108px;
                margin-right: 20px
            }

                .about-page .facts .fact .image img
                {
                    width: 108px
                }

    .about-page .staff
    {
        margin-bottom: 20px
    }

        .about-page .staff .upper
        {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            margin-bottom: 20px
        }

            .about-page .staff .upper .image
            {
                -webkit-box-flex: 0;
                -ms-flex: 0 0 108px;
                flex: 0 0 108px;
                margin-right: 20px
            }

                .about-page .staff .upper .image img
                {
                    width: 108px
                }

            .about-page .staff .upper .info .header
            {
                font-size: 18px
            }

            .about-page .staff .upper .info .main
            {
                margin-top: 10px
            }

        .about-page .staff .business-cards
        {
            width: 100%
        }

            .about-page .staff .business-cards .header
            {
                font-size: 18px
            }

        .about-page .staff .business-cards
        {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            margin: 10px -10px 0 -10px;
        }

            .about-page .staff .business-cards .business-card
            {
                height: 100px;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                background-color: #f7f7f7;
                color: #000;
                width: calc(33.33% - 20px);
                margin: 0 10px 20px 10px;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex
            }

                .about-page .staff .business-cards .business-card img
                {
                    height: 100%;
                    margin-right: 10px
                }

                .about-page .staff .business-cards .business-card .info
                {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-orient: vertical;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: column;
                    flex-direction: column;
                    overflow: hidden
                }

                    .about-page .staff .business-cards .business-card .info .name
                    {
                        margin-bottom: 5px
                    }

                    .about-page .staff .business-cards .business-card .info .email
                    {
                        margin-bottom: 5px
                    }
/*#endregion About page */

/*#region Player */
#main-wrapper
{
    width: 100%;
    margin: 0;
    position: relative;
    background-color: var(--background-color);
    padding-top: 100px;
}

#video-wrapper
{
    margin: 0 2% 20px 2%;
    -moz-box-shadow: 0px 0px 10px 0px #C2C2C2;
    -webkit-box-shadow: 0px 0px 10px 0px #C2C2C2;
    box-shadow: 0px 0px 10px 0px #C2C2C2;
    position: relative;
}

#video-strecher
{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

#video-frame, #video-frame-disabled
{
    width: 100%;
    height: 100%;
    margin-bottom: 20px;
    position: absolute;
    top: 0;
    left: 0;
}

#video-frame-disabled
{
    background-color: #333333;
    text-align: center;
    color: #fff;
    z-index: 20;
}

/*#video-frame-disabled*/ #video-strecher .header
{
    margin-bottom: 5px;
    width: 100%;
    font-size: 20px;
    text-align: center
}

#video-frame-disabled .info
{
    position: absolute;
    width: 80%;
    height: 141px;
    top: 50%;
    left: 10%;
    margin-top: -70px;
    padding: 20px 0 20px 0;
    border-color: #464646;
    border-style: solid;
    border-width: 1px 0 1px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

#video-frame-disabled .footer
{
    position: absolute;
    width: 100%;
    bottom: 10%;
    left: 0;
    text-align: center
}

    #video-frame-disabled .footer .login
    {
        background-image: url(/Assets/Custom/img/login-white-32px.png)
    }

#video-frame-disabled .info .text-wrapper
{
    height: 100px;
    overflow: auto;
    text-align: left
}

#video-frame-disabled .info .image-wrapper
{
    -webkit-box-flex: 0;
    -ms-flex: 0 0 180px;
    flex: 0 0 180px;
    margin-right: 20px
}

    #video-frame-disabled .info .image-wrapper img
    {
        width: 100%
    }

#video-frame-disabled .info .text-wrapper .title
{
    font-size: 15px
}

#video-frame-disabled .info .text-wrapper .description
{
    margin-top: 10px
}

#video-frame-disabled .button_container
{
    margin-bottom: 10px;
}

/*#video-frame-disabled*/
#video-strecher .next-video-thumb
{
    display: inline-block;
    position: absolute;
    left: 50%;
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    top: 50%;
    cursor: pointer;
    z-index: 10;
}

    /*#video-frame-disabled*/
    #video-strecher .next-video-thumb .overlay
    {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 40%;
        transform: translate(-50%, -50%);
        max-width: 80px;
    }

    #video-strecher .next-video-thumb.embeded
    {
        display: inline-block !important;
        position: absolute !important;
        left: 50% !important;
        -moz-transform: translateX(-50%) translateY(-50%) !important;
        -ms-transform: translateX(-50%) translateY(-50%) !important;
        -o-transform: translateX(-50%) translateY(-50%) !important;
        -webkit-transform: translateX(-50%) translateY(-50%) !important;
        transform: translateX(-50%) translateY(-50%) !important;
        top: 50% !important;
        cursor: pointer !important;
        z-index: 10 !important;
    }

        /*#video-frame-disabled*/
        #video-strecher .next-video-thumb.embeded .overlay
        {
            position: absolute !important;
            top: 45% !important;
            left: 50% !important;
            width: 40% !important;
            transform: translate(-50%, -50%) !important;
            max-width: 80px !important;
        }

#right-wrapper .show-buttons
{
    display: inline-flex;
    position: relative;
    z-index: 10;
    top: 1px;
}

#right-wrapper .show-buttons
{
}

    #right-wrapper .show-buttons .show-button
    {
        cursor: pointer;
        padding: 5px;
        background-color: #f8f8f9;
        border-top: 1px solid var(--purple-faded);
        border-right: 1px solid var(--purple-faded);
        border-left: 1px solid var(--purple-faded);
        text-align: center;
        vertical-align: middle;
        align-content: center;
        align-items: center;
        display: inline-flex;
        -moz-box-shadow: 0px 0px 10px 0px #C2C2C2;
        -webkit-box-shadow: 0px 0px 10px 0px #C2C2C2;
        box-shadow: 0px 0px 10px -10px #c2c2c2, 0px -10px 10px -10px #c2c2c2;
    }

#comments-wrapper, #teacher-messages-wrapper, #note-wrapper
{
    -moz-box-shadow: 0px 0px 10px 0px #C2C2C2;
    -webkit-box-shadow: 0px 0px 10px 0px #C2C2C2;
    box-shadow: 0px 0px 10px 0px #C2C2C2;
}

#NoteContent
{
    -moz-border-radius: 0 var(--spacing) 0 0;
    -webkit-border-radius: 0 var(--spacing) 0 0;
    border-radius: 0 var(--spacing) 0 0;
}

#comments-wrapper, #teacher-messages-wrapper, #note-wrapper
{
    -moz-border-radius: 0 var(--spacing) var(--spacing) var(--spacing);
    -webkit-border-radius: 0 var(--spacing) var(--spacing) var(--spacing);
    border-radius: 0 var(--spacing) var(--spacing) var(--spacing);
}

#note-wrapper, #teacher-messages-wrapper
{
    display: none;
}

#note-wrapper
{
    margin: 0px 0px 20px 0px;
    color: white;
}

#NoteContent
{
}

#comments-wrapper, #teacher-messages-wrapper
{
    margin: 0px 0px 20px 0px;
    padding: 7px;
    background-color: #FFF;
    -moz-border-radius: var(--spacing);
    -webkit-border-radius: var(--spacing);
    border-radius: 0 var(--spacing) var(--spacing) var(--spacing);
    border: solid 1px var(--purple-faded);
}

#comment-list-wrapper, #teacherMessage-list-wrapper
{
    height: calc(70% - 35px);
    overflow: auto;
    padding-right: 5px;
}

.divider
{
    border-bottom: solid 1px var(--purple-faded);
    width: calc(100% - 8px);
}

#comment-editor-wrapper, #teacherMessage-editor-wrapper
{
    height: calc(30% - 30px);
}

    #comment-editor-wrapper .k-widget.k-window.k-window-titleless.k-editor-widget, #teacherMessage-editor-wrapper .k-widget.k-window.k-window-titleless.k-editor-widget
    {
        margin-top: -50px;
    }

#comment-editor, #teacherMessage-editor
{
    height: 100%;
}

#CommentText, #TeacherMessageText
{
    height: 100%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.comment
{
    margin-bottom: 10px;
    padding: 5px;
    border: solid 1px var(--purple-faded);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    position: relative;
}

    .comment.new::before
    {
        content: 'NYT';
        background-color: #48ab5d;
        font-weight: bold;
        padding: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        color: #FFF;
    }


    .comment .comment-controls
    {
        float: right;
        clear: both;
    }

.comment-text-wrapper
{
    margin: 10px 0;
}

    .comment-text-wrapper .comment-text
    {
        width: 90%;
    }

.comment-answer
{
    margin-top: 10px;
    margin-left: 40px;
    background-color: var(--background-color);
    padding: 5px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .comment-answer .btn-c
    {
    }

        .comment-answer .btn-c:hover
        {
            background-color: var(--purple);
        }

.comment-button
{
    float: right;
    clear: both;
    display: inline-block;
    margin: 1px 0px;
    cursor: pointer;
    padding: 4px;
    background-color: #f1f1f1;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

    .comment-button.answer-button
    {
        background-color: #fdfdfd;
    }

    .comment-button.public
    {
        color: #009010;
    }

    .comment-button.private
    {
        color: #c29400;
    }

    .comment-button.global
    {
        color: #00b8ff;
    }

    .comment-button.local
    {
        color: #6500c2;
    }

    .comment-button.danger
    {
        color: #F00;
    }

.k-state-active, .k-state-active:hover, .k-active-filter, .k-tabstrip .k-state-active, .k-editor-inline
{
    border-color: var(--purple-faded) !important;
}

#note-editor-wrapper .k-editor
{
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    width: inherit;
    height: inherit
}

.related-categories
{
    margin: 0 2% 0 2%
}

#VdoCipherStream > div
{
    height: 100% !important;
}

media-controller
{
    line-height: normal;
}

#evaluation
{
    position: fixed;
    z-index: 10000;
    top: 10vh;
    left: 50%;
    transform: translateX(-50%);
    padding: calc(var(--padding) + 20px) var(--padding) var(--padding) var(--padding);
    background-color: var(--background-color-faded);
    border-radius: var(--spacing);
    max-height: 75vh;
    width: 95%;
    max-width: 600px;
    overflow: scroll;
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
}

.questionText
{
    display: inline-flex;
    -webkit-align-items: center;
    align-items: center;
}

.questionError
{
    position: absolute;
    bottom: -10px;
    color: #F00;
    font-style: italic;
    font-size: 12px;
}

.question
{
    display: inline-flex;
    width: 100%;
    margin: 10px 0;
    position: relative;
}

    .question.input_STARS
    {
        -ms-flex-direction: row;
        -webkit-flex-direction: row;
        flex-direction: row;
        -webkit-justify-content: space-between;
        justify-content: space-between;
    }

    .question.input_TEXT
    {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-justify-content: space-evenly;
        justify-content: space-evenly;
    }

        .question.input_TEXT textarea
        {
            min-height: 150px;
        }

        .question.input_TEXT .questionText
        {
            margin-bottom: 5px;
        }

.questionInput
{
    position: relative;
}

.childQuestion
{
    display: none;
}

.questionType_STARS:not(:checked) > input
{
    position: absolute;
    opacity: 0;
    display: none;
}

.questionType_STARS:not(:checked) > label
{
    display: inline-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    float: left;
    width: 42px;
    overflow: hidden;
    white-space: nowrap;
    cursor: pointer;
    font-size: 30px;
    color: var(--background-color);
    background-color: #ccc;
    padding-bottom: 2px;
    border-right: solid 1px var(--background-color);
    border-left: solid 1px var(--background-color);
}

    .questionType_STARS:not(:checked) > label:before
    {
        content: '★ ';
    }

.questionType_STARS:checked > label, .questionType_STARS > label:has(~ input:checked)
{
    /*color: #ffc700;*/
}

.questionType_STARS:not(:checked) > label:hover,
.questionType_STARS:not(:checked) > label:has(~ label:hover)
{
    /*color: #deb217;*/
}

body .questionType_STARS label:hover ~ label
{
    background-color: #ccc !important;
}

body .questionType_STARS label:has(~ input[value="1"]:hover), .questionType_STARS label:has(~ input[value="1"]:checked)
{
    background-color: #d32d1d;
}

body .questionType_STARS > label:has(~ input[value="2"]:hover), .questionType_STARS label:has(~ input[value="2"]:checked)
{
    background-color: #d3891d;
}

body .questionType_STARS > label:has(~ input[value="3"]:hover), .questionType_STARS label:has(~ input[value="3"]:checked)
{
    background-color: #d3be1d;
}

body .questionType_STARS > label:has(~ input[value="4"]:hover), .questionType_STARS label:has(~ input[value="4"]:checked)
{
    background-color: #8ec413;
}

body .questionType_STARS > label:has(~ input[value="5"]:hover), .questionType_STARS label:has(~ input[value="5"]:checked)
{
    background-color: #13a941;
}

.action-close
{
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 20px;
    cursor: pointer;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
    -moz-transition: transform 0.5s;
    -o-transition: transform 0.5s;
    -webkit-transition: transform 0.5s;
    transition: transform 0.25s;
    color: #999;
}

    .action-close:hover
    {
        -moz-transform: rotateZ(90deg);
        -ms-transform: rotateZ(90deg);
        -o-transform: rotateZ(90deg);
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
        right: 19px;
    }

.evaluation_overlay
{
    position: fixed;
    height: 100vh;
    width: 100vw;
    z-index: 9999;
    background-color: RGBA(0,0,0,0.8);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
}

@@media screen and (max-width: 600px)
{
    .question.input_STARS
    {
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .questionText
    {
        margin-bottom: 5px;
    }

    .questionError
    {
        bottom: -15px;
    }

    .separator
    {
        margin-top: 10px;
    }
}

.separator
{
    display: block;
    width: 100%;
    height: 1px;
    background-color: #808080;
}

#evaluationConfirmation
{
    position: fixed;
    z-index: 10000;
    top: 10vh;
    left: 50%;
    transform: translateX(-50%);
    padding: calc(var(--padding) + 20px) var(--padding) var(--padding) var(--padding);
    background-color: var(--background-color-faded);
    border-radius: var(--spacing);
    width: 95%;
    max-width: 600px;
    overflow: scroll;
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
    font-size: 20px;
    text-align: center;
}

#showEvaluationContainer
{
    background-color: var(--purple);
    color: #FFF;
    padding: 10px;
}

#favorite
{
    font-size: 20px;
    color: var(--gold);
}

.video-options-container
{
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: -10px;
    margin-bottom: 5px;
    -ms-flex-direction: row-reverse;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    min-height:50px;
}

.video-option
{
    cursor: pointer;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    display: flex;
    gap: 5px;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    -webkit-align-items: center;
    align-items: center;
}

#resume-popup .buttons
{
    margin-top: 20px
}

.Video_Overlay
{
    color: #4c4c4c;
    pointer-events: none;
    position: absolute;
    width: 100%;
    top: 50%;
    left: 48.5%;
    text-align: center;
    z-index: 9;
    transform: rotate( -90deg );
    -webkit-transform: rotate( -90deg );
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

    .Video_Overlay p
    {
        font-family: WorkSans-VariableFont_wght, Arial, Helvetica, sans-serif;
    }

.Video_Background, #play-next
{
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 8;
    background-color: #f7f7f7;
}

#AspiriVideo
{
    position: absolute !important;
    z-index: 1;
}

.countdown
{
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    height: 10px;
    background-color: var(--pink);
    -moz-animation: countdown calc(var(--duration) * 1s) linear backwards;
    -o-animation: countdown calc(var(--duration) * 1s) linear backwards;
    -webkit-animation: countdown calc(var(--duration) * 1s) linear backwards;
    animation: countdown calc(var(--duration) * 1s) linear backwards;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    -webkit-transform-origin: left center;
    transform-origin: left center;
}

.next-video-thumb.embeded .countdown
{
    -moz-transform: scaleX(0) !important;
    -ms-transform: scaleX(0) !important;
    -o-transform: scaleX(0) !important;
    -webkit-transform: scaleX(0) !important;
    transform: scaleX(0) !important;
    height: 10px !important;
    background-color: var(--pink) !important;
    -moz-animation: countdown calc(var(--duration) * 1s) linear backwards !important;
    -o-animation: countdown calc(var(--duration) * 1s) linear backwards !important;
    -webkit-animation: countdown calc(var(--duration) * 1s) linear backwards !important;
    animation: countdown calc(var(--duration) * 1s) linear backwards !important;
    -moz-transform-origin: left center !important;
    -ms-transform-origin: left center !important;
    -o-transform-origin: left center !important;
    -webkit-transform-origin: left center !important;
    transform-origin: left center !important;
}

.slider:before
{
}

input:checked + .slider
{
    background-color: #EEE !important;
}

input:focus + .slider
{
    box-shadow: 0 0 1px var(--purple) !important;
}

input:checked + .slider:before
{
    -webkit-transform: translateX(20px) !important;
    -ms-transform: translateX(20px) !important;
    transform: translateX(20px) !important;
}

.slider.round
{
    border-radius: 15px !important;
}

    .slider.round:before
    {
        border-radius: 50% !important;
    }

.switch
{
    position: relative !important;
    align-self: center;
    opacity: 1 !important;
    left: unset !important;
    right: unset !important;
    bottom: -1px !important;
    width: 40px !important;
    height: 12px !important;
    line-height: 12px !important;
    margin-right: 10px;
    -moz-user-select: none !important;
    -ms-user-select: none !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    cursor: pointer !important;
    display: inline-block !important;
    z-index: 9 !important;
    font-size: 16px !important;
    color: #FFF !important;
}

    .switch #auto-play-label
    {
        display: none !important;
    }

    .switch .slider
    {
        position: absolute !important;
        top: 0 !important;
        left: 2px !important;
        right: 0 !important;
        bottom: 0 !important;
        background-color: #ccc !important;
        -webkit-transition: .25s !important;
        transition: .25s !important;
    }

        .switch .slider:before
        {
            position: absolute !important;
            height: 18px !important;
            width: 18px !important;
            left: -2px !important;
            bottom: -3px !important;
            background-color: rgb(128, 128, 128) !important;
            -webkit-transition: .25s !important;
            transition: .25s !important;
            font-size: 16px;
            box-sizing: border-box;
            content: url(/Assets/Custom/img/autoplay_disabled.svg) !important;
            padding-left: calc(50% - 15px);
            padding-top: 2px;
        }

    .switch input
    {
        width: 0 !important;
        height: 0 !important;
        display: none;
    }

        .switch input:checked + .slider:before
        {
            left: 2px !important;
            content: url(/Assets/Custom/img/autoplay_enabled.svg) !important;
            padding-left: 6px;
            background-color: rgb(255, 255, 255) !important;
        }

    .switch span
    {
        font-size: 16px !important;
    }

#video-strecher
{
    color: #FFF;
}

#cancelNext
{
    text-align: center;
    cursor: pointer;
    font-size: 18px;
    margin-top: 5px;
}

.next-video-thumb
{
    -moz-transition: all .25s;
    -o-transition: all .25s;
    -webkit-transition: all .25s;
    transition: all .25s;
}

#video-wrapper #video-strecher .next-video-thumb
{
    width: 200px !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    padding: 5px !important;
    border-radius: 5px !important;
    top: 0 !important;
    left: 100% !important;
    -moz-transform: translateX(-100%) !important;
    -ms-transform: translateX(-100%) !important;
    -o-transform: translateX(-100%) !important;
    -webkit-transform: translateX(-100%) !important;
    transform: translateX(-100%) !important;
}

.next-video-thumb.embeded
{
    -moz-transition: all .25s !important;
    -o-transition: all .25s !important;
    -webkit-transition: all .25s !important;
    transition: all .25s !important;
}

#video-wrapper #video-strecher .next-video-thumb.embeded
{
    width: 200px !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    padding: 5px !important;
    border-radius: 5px !important;
    top: 0 !important;
    left: 100% !important;
    -moz-transform: translateX(-100%) !important;
    -ms-transform: translateX(-100%) !important;
    -o-transform: translateX(-100%) !important;
    -webkit-transform: translateX(-100%) !important;
    transform: translateX(-100%) !important;
}

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

.loader
{
    font-size: 10px;
    position: absolute;
    z-index: 10;
    top: calc(50% - 5em);
    left: calc(50% - 5em);
    text-indent: -9999em;
    border-top: 1.1em solid rgba(102,103,171, 0.2);
    border-right: 1.1em solid rgba(102,103,171, 0.2);
    border-bottom: 1.1em solid rgba(102,103,171, 0.2);
    border-left: 1.1em solid var(--purple);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation: load8 1.1s infinite linear;
    animation: load8 1.1s infinite linear;
}

media-controller
{
    /*#region Colours*/
    --background-color: #f9fafb;
    --background-color-faded: #F1F1F1;
    --purple: #6667AB;
    --purple-faded: #ceceee;
    --green: #EBF4F4;
    --dark-green: #9CC8C6;
    --green-faded: #DEEAEA;
    --pink: #E4455D;
    --black: #202133;
    /*#endregion Colours*/
    max-width: 100vw;
    max-height: 100vh;
    background-color: #FFF !important;
}

#video-play-button
{
    position: absolute;
    z-index: 20;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    background-color: rgba(0,0,0,0.5);
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    pointer-events: all !important;
}

media-time-range
{
    width: calc(100% - 20px);
    height: 25px;
    --media-range-track-transition: height 0.1s linear;
    --media-range-track-background: rgba(255,255,255,.2);
    --media-range-track-pointer-background: rgba(255,255,255,.5);
    --media-time-buffered-color: rgba(255,255,255,.4);
    --media-range-bar-color: #FFF;
    --media-progress-buffered-color: #999;
    --media-range-thumb-border-radius: 13px;
    --media-range-thumb-background: #FFF;
    --media-range-thumb-transition: transform 0.1s linear;
    --media-range-thumb-transform: none;
    --track-height: 3px;
    --media-range-padding-left: 0px;
    --media-range-padding-right: 0px;
    --media-range-thumb-height: 15px;
    --media-range-thumb-width: 15px;
    --media-time-range-hover-height: 30px;
    --media-time-range-hover-display: inline-block;
    margin: 0 auto;
}

    media-time-range:hover
    {
        --media-range-thumb-transform: none;
    }

media-controller #hoverzone
{
    height: 30px;
}

media-control-background
{
    display: flex;
    width: 100%;
    height: 33%;
    position: absolute;
    bottom: 0;
    left: 0;
    flex-direction: column;
    justify-content: flex-end;
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
    pointer-events: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

.control-spacer
{
    -webkit-flex-grow: 1;
    flex-grow: 1;
}

media-control-background, media-time-range, media-control-bar
{
    -moz-transition: opacity 0.25s;
    -o-transition: opacity 0.25s;
    -webkit-transition: opacity 0.25s;
    transition: opacity 0.25s;
    opacity: 0;
}

media-time-range
{
    z-index: 11;
}

media-controller:not([userinactive]) media-time-range, media-controller:not([userinactive]) media-control-bar, media-controller:not([userinactive]) media-control-background
{
    opacity: 1;
}

media-time-range, media-play-button, media-mute-button, media-volume-range, media-fullscreen-button, media-seek-forward-button, media-seek-backward-button, media-playback-rate-button, media-time-display, #show-playback-rates
{
    background: none;
}

    media-play-button:hover, media-mute-button:hover, media-volume-range:hover, media-fullscreen-button:hover, media-seek-forward-button:hover, media-seek-backward-button:hover, media-playback-rate-button:hover
    {
        background: rgba(0,0,0,0.15);
    }

media-time-range
{
    padding: 0;
}

    media-time-range:host #background, media-time-range:host #pointer
    {
        left: 0;
        right: 0;
    }

media-control-bar
{
    width: 100%;
    z-index: 13;
}

#playback-rates-container
{
    position: relative;
}

.playback-rate-dropdown
{
    position: absolute;
    -ms-flex-direction: column-reverse;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse;
    flex-direction: column-reverse;
    bottom: 100%;
    left: 50%;
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    -webkit-transform: translate(-50%);
    transform: translate(-50%);
}

.playback-rate-button
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    box-sizing: border-box;
    background: var(--media-control-background, rgba(20,20,30, 0.7));
    padding: var(--media-control-padding, 10px);
    font-size: 14px;
    line-height: var(--media-text-content-height, var(--media-control-height, 24px));
    font-weight: bold;
    color: #fff;
    transition: background 0.15s linear;
    pointer-events: auto;
    cursor: pointer;
    font-family: Arial, sans-serif;
    -moz-transition: background 0.1s;
    -o-transition: background 0.1s;
    -webkit-transition: background 0.1s;
    transition: background 0.1s;
}

    .playback-rate-button.selected
    {
        background: rgba(255,255,255, 0.7);
        color: #000;
    }

    .playback-rate-button:hover
    {
        background: rgba(150,150,150, 0.7);
        color: #FFF;
    }


media-fullscreen-button
{
    align-self: flex-end;
}

@keyframes AspiriSpinner_Animation
{
    0%
    {
        clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
    }

    75%
    {
        clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
    }

    100%
    {
        clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
    }
}

.AspiriSpinner
{
    opacity: 0.75;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.AspiriSpinner_aspiri-spinner-1, .AspiriSpinner_aspiri-spinner-2
{
    -moz-animation: AspiriSpinner_Animation 1.3s cubic-bezier(.175,.885,.32,1.275) infinite;
    -o-animation: AspiriSpinner_Animation 1.3s cubic-bezier(.175,.885,.32,1.275) infinite;
    -webkit-animation: AspiriSpinner_Animation 1.3s cubic-bezier(.175,.885,.32,1.275) infinite;
    animation: AspiriSpinner_Animation 1.3s cubic-bezier(.175,.885,.32,1.275) infinite;
    clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
    position: absolute;
}

.AspiriSpinner_aspiri-spinner-2
{
    -moz-animation-delay: .1s;
    -o-animation-delay: .1s;
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
}

.AspiriSpinner_aspiri-spinner-3
{
    -moz-animation: AspiriSpinner_Animation 1.3s cubic-bezier(.175,.885,.32,1.275) infinite;
    -o-animation: AspiriSpinner_Animation 1.3s cubic-bezier(.175,.885,.32,1.275) infinite;
    -webkit-animation: AspiriSpinner_Animation 1.3s cubic-bezier(.175,.885,.32,1.275) infinite;
    animation: AspiriSpinner_Animation 1.3s cubic-bezier(.175,.885,.32,1.275) infinite;
    -moz-animation-delay: 0.2s;
    -o-animation-delay: 0.2s;
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
    clip-path: polygon(0 100%,100% 100%,100% 100%,0 100%);
}

media-loading-indicator
{
    opacity: 1;
}

    media-loading-indicator:not([is-loading])
    {
        opacity: 0;
    }

.tempOverlay
{
    display: flex !important;
    -webkit-justify-content: center;
    justify-content: center;
    text-align: center !important;
    mix-blend-mode: normal !important;
    -webkit-text-security: none !important;
    clip-path: none !important;
    font-size: 15px !important;
    filter: none !important;
    visibility: visible !important;
    content-visibility: visible !important;
    opacity: 1 !important;
    scale: 1 !important;
    color: #4c4c4c !important;
    pointer-events: none !important;
    position: absolute !important;
    height: 100% !important;
    width: 100% !important;
    z-index: 9 !important;
    aspect-ratio: 16/9 !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -o-transform: none !important;
    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}

    .tempOverlay.centerToBottom p
    {
        display: inline-block !important;
        text-align: center !important;
        mix-blend-mode: normal !important;
        -webkit-text-security: none !important;
        clip-path: none !important;
        filter: none !important;
        visibility: visible !important;
        content-visibility: visible !important;
        scale: 1 !important;
        color: #4c4c4c !important;
        opacity: 1 !important;
        width: auto !important;
        height: auto !important;
        position: absolute !important;
        -moz-transition: bottom 4s ease-in-out, transform 1s ease-in-out, font-size 1s ease-in-out, opacity 0.5s ease-in;
        -o-transition: bottom 4s ease-in-out, transform 1s ease-in-out, font-size 1s ease-in-out, opacity 0.5s ease-in;
        -webkit-transition: bottom 4s ease-in-out, transform 1s ease-in-out, font-size 1s ease-in-out, opacity 0.5s ease-in;
        transition: bottom 4s ease-in-out, transform 1s ease-in-out, font-size 1s ease-in-out, opacity 0.5s ease-in;
        bottom: calc(100% - 20px);
        vertical-align: bottom;
    }

@media only screen and (max-width: 900px)
{
    .tempOverlay
    {
        font-size: 12px;
    }

        .tempOverlay.centerToBottom p
        {
            font-size: 12px;
            bottom: calc(100% - 30px);
        }
}

.tempOverlay p.pulse
{
    -moz-animation: pulse 1s ease-in-out;
    -o-animation: pulse 1s ease-in-out;
    -webkit-animation: pulse 1s ease-in-out;
    animation: pulse 1s ease-in-out;
    opacity: 0.9;
}

.tempOverlay p.centerToBottom
{
    bottom: 5px !important;
    opacity: 0.9;
}

#UpdatedDate
{
    display: block;
    text-align: right;
    mix-blend-mode: normal;
    -webkit-text-security: none;
    clip-path: none;
    font-size: 13px;
    filter: none;
    visibility: visible;
    content-visibility: visible;
    width: 100%;
    height: 10px;
    scale: 1;
    color: #4c4c4c;
    opacity: 1;
    position: absolute;
    top: 10px;
    right: 10px;
    -moz-transition: opacity 0.5s;
    -o-transition: opacity 0.5s;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

@keyframes pulse
{
    0%
    {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }

    50%
    {
        -moz-transform: scale(1.1, 1.1);
        -ms-transform: scale(1.1, 1.1);
        -o-transform: scale(1.1, 1.1);
        -webkit-transform: scale(1.1, 1.1);
        transform: scale(1.1, 1.1);
    }

    100%
    {
        -moz-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
}
/*#endregion Player */

/*#region Subject Menu */
.subject-menu .subscriptions .row
{
    background-color: #f7f7f7;
    margin-bottom: 5px;
    padding: 10px
}

    .subject-menu .subscriptions .row .header
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 15px;
        margin-bottom: 15px;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        border-bottom: 2px dotted #d9d9d9
    }

        .subject-menu .subscriptions .row .header .title
        {
            font-size: 20px
        }

        .subject-menu .subscriptions .row .header .icon
        {
            height: 32px
        }

    .subject-menu .subscriptions .row .content
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

        .subject-menu .subscriptions .row .content .image
        {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 180px;
            flex: 0 0 180px;
            margin-right: 20px
        }

            .subject-menu .subscriptions .row .content .image img
            {
                width: 100%
            }

        .subject-menu .subscriptions .row .content .description
        {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            margin-right: 20px;
            color: #636363
        }

        .subject-menu .subscriptions .row .content .purchase, .subject-menu .subscriptions .row .content .purchase_return
        {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
            color: #636363;
            margin-left: 50px;
            cursor: pointer;
        }

        .subject-menu .subscriptions .row .content .price
        {
            -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto;
            margin-right: 20px;
            white-space: nowrap
        }

        .subject-menu .subscriptions .row .content .regular-price
        {
            margin-right: 20px;
            text-decoration: line-through;
            white-space: nowrap
        }

        .subject-menu .subscriptions .row .content .add
        {
            -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
            flex: 0 1 auto
        }
/*#endregion Subject Menu */

/*#region Shopping cart */
.shopping-cart .order-details-boxes
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin: 0 -20px
}

    .shopping-cart .order-details-boxes > div
    {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        color: #000;
        width: calc(33.33% - 40px);
        margin: 0 20px 20px 20px
    }

    .shopping-cart .order-details-boxes .header
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 10px
    }

        .shopping-cart .order-details-boxes .header img
        {
            margin-right: 10px;
            height: 32px
        }

        .shopping-cart .order-details-boxes .header span
        {
            font-size: 18px
        }

    .shopping-cart .order-details-boxes .content
    {
        padding: 10px;
        background-color: #f7f7f7;
    }

.shopping-cart .order-options
{
    width: 100%;
    margin: 0
}

.shopping-cart .payment-options > div
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

    .shopping-cart .payment-options > div .select
    {
        margin-right: 10px
    }

    .shopping-cart .payment-options > div .title
    {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        margin-right: 10px
    }

    .shopping-cart .payment-options > div .fee
    {
        white-space: nowrap;
        margin-left: 5%;
        text-align: right
    }

    .shopping-cart .payment-options > div.selected
    {
        font-weight: bold
    }

.shopping-cart .orderlines
{
    margin-bottom: 20px
}

    .shopping-cart .orderlines > div
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 10px;
        border-bottom: 1px solid #dcdcdc
    }

        .shopping-cart .orderlines > div .quantity
        {
            margin-right: 10px;
            white-space: nowrap;
        }

        .shopping-cart .orderlines > div .title
        {
            -webkit-box-flex: 1;
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            margin-right: 10px
        }

        .shopping-cart .orderlines > div .delete
        {
            margin-right: 10px;
            cursor: pointer
        }

            .shopping-cart .orderlines > div .delete:hover
            {
                color: red
            }

        .shopping-cart .orderlines > div .total-line-amount
        {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 50px;
            flex: 0 0 50px;
            white-space: nowrap;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: end;
            -ms-flex-pack: end;
            justify-content: flex-end
        }

.shopping-cart .total-amount, .shopping-cart .receivable, .shopping-cart .payment-fee, .shopping-cart .to-pay, .shopping-cart .vat
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 10px
}

.shopping-cart .to-pay
{
    border-top: 1px solid #dcdcdc;
    border-bottom: 5px double #dcdcdc;
    font-weight: bold
}

.customer-sign-in
{
    position: relative;
    height: 100vh;
}

    .customer-sign-in > div:first-child
    {
        background-image: url(/Assets/Custom/img/people_looking_at_laptop.png);
        background-size: cover;
        background-position: center;
        display: flex;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
        justify-content: space-between;
        padding: 3rem;
    }

.cover
{
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(31 33 51/0.8)
}

.upper
{
    padding: 2.5rem;
}

.customer-sign-in form, .customer-sign-in .form
{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 30rem;
    margin: auto;
    display: flex;
    -ms-flex-direction: column;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    height: 100%;
}

.customer-sign-up form
{
    max-width: 500px;
    margin: auto
}

.customer-sign-up .cell-phone-line
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

    .customer-sign-up .cell-phone-line .dial-code
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50px;
        flex: 0 0 50px
    }

    .customer-sign-up .cell-phone-line .phone-number
    {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-left: 10px
    }

.login-input
{
    font-size: 1.25rem !important;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    padding: var(--padding);
    -moz-border-radius: 200px;
    -webkit-border-radius: 200px;
    border-radius: 200px;
}
/*#endregion Shopping cart */

/*#region Session abandoned */
.session-abandoned
{
    width: 98%;
    min-height: 100%;
    position: relative;
    margin: auto;
    padding-top: 110px
}

    .session-abandoned .main
    {
        margin: 0 6%;
        padding-bottom: 20px
    }
/*#endregion Session abandoned */

/*#region My page */
.my-page
{
    width: 98%;
    min-height: 100%;
    position: relative;
    margin: auto;
    padding-top: 110px
}

    .my-page .main
    {
        margin: 0 6%
    }

    .my-page .tabstrip
    {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: var(--spacing);
    }

    .my-page .tab
    {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        text-align: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 10px 0;
        cursor: pointer;
        -moz-border-radius: var(--spacing);
        -webkit-border-radius: var(--spacing);
        border-radius: var(--spacing);
    }

        .my-page .tab:hover, .my-page .tab.selected
        {
            /*background-color: var(--dark-green);*/
            background-color: rgba(102,103,171,0.2);
            color: var(--purple);
            font-weight: bold;
        }

        .my-page .tab img
        {
            height: 32px;
            margin-right: 10px
        }

        .my-page .tab span
        {
            font-size: 18px
        }

    .my-page .tab-result
    {
        margin-top: 50px;
        min-height: 200px;
        padding-bottom: 50px;
    }

.TestsContainer
{
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

    .TestsContainer .Test
    {
        display: inline-flex;
        -webkit-justify-content: center;
        justify-content: center;
        justify-items: center;
        -ms-align-content: center;
        -webkit-align-content: center;
        align-content: center;
        -webkit-align-items: center;
        align-items: center;
        width: 200px;
        height: 200px;
        padding: 50px;
        margin: 0 20px 20px 0;
        -moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        font-size: 20px;
        background-color: #EEE;
    }
/*#endregion My page */

/*#region My files */
.my-video-files .file-row
{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

    .my-video-files .file-row img
    {
        margin-right: 20px
    }
/*#endregion My files */

/*#region Search page */
#search-results
{
    width: 60%;
    margin: auto
}
/*#endregion Search page*/

/*#region Animations*/
@keyframes countdown
{
    to
    {
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }
}

@-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);
    }
}
/*#endregion Animations*/

/*#region Media Queries*/

@media screen and (min-width:1024px) /* Large */
{
    #video-wrapper
    {
        width: 57%;
        float: left
    }

    #right-wrapper
    {
        position: fixed;
        right: calc(1% + (98% * 0.02));
        width: calc(98% * 0.37);
        height: calc(100vh - 220px + 70px);
    }

    #note-editor-wrapper
    {
        height: calc(100vh - 220px);
    }

    #comments-wrapper, #teacher-messages-wrapper
    {
        height: 100%
    }

    .related-categories
    {
        width: 57%;
        float: left
    }
}

@media screen and (max-width:1350px)
{
    #video-wrapper #video-strecher .next-video-thumb
    {
        width: 190px;
    }

        #video-wrapper #video-strecher .next-video-thumb.embeded
        {
            width: 190px !important;
        }

    #video-frame-disabled .info
    {
        top: 30%;
    }
}

@media screen and (max-width:1250px)
{
    #video-wrapper #video-strecher .next-video-thumb
    {
        width: 180px;
    }

        #video-wrapper #video-strecher .next-video-thumb.embeded
        {
            width: 180px !important;
        }
}

@media screen and (max-width:1200px) and (min-width:1024px)
{
    .note-tools-wrapper
    {
        height: 100px;
        display: block;
        padding-top: 10px;
    }

    .note_downloads
    {
        margin-bottom: 10px;
    }
}

@media screen and (max-width:1200px)
{
    .about-page .staff .business-cards .business-card
    {
        width: calc(100% / 2 - 20px)
    }

    #video-wrapper #video-strecher .next-video-thumb
    {
        width: 170px;
    }

        #video-wrapper #video-strecher .next-video-thumb.embeded
        {
            width: 170px !important;
        }
}


@media only screen and (min-width: 1051px)
{
    .show1050
    {
        display: none !important;
    }
}

@media only screen and (max-width: 1050px)
{
    .hide1050
    {
        display: none !important;
    }
}

@media only screen and (max-width: 950px)
{
    :root
    {
        --font-size-biggest: 2rem;
    }
}

@media only screen and (max-width: 768px)
{
    :root
    {
        --font-size-biggest: 2rem;
    }
}

@media only screen and (min-width: 1151px) and (min-height:800px)
{
    .show1150
    {
        display: none !important;
    }
}

@media screen and (max-width:1150px), (max-height:800px)
{
    .hide1150
    {
        display: none !important;
    }

    :root
    {
        --max-width: 100%;
        --logo-height: 2rem;
    }

    #top-menu
    {
        padding-top: 5px;
        padding-bottom: 5px;
    }

        #top-menu .right
        {
            top: 5px !important;
        }

        #top-menu #burger_menu
        {
            display: block;
        }

    #personal-menu, #burger_menu-content
    {
        top: 65px;
    }

    #main-wrapper
    {
        padding-top: 65px;
    }

    #video-wrapper #video-strecher .next-video-thumb
    {
        width: 160px;
    }

        #video-wrapper #video-strecher .next-video-thumb.embeded
        {
            width: 160px !important;
        }


    #right-wrapper
    {
        position: absolute;
        height: 800px;
    }

    #note-editor-wrapper
    {
        height: 730px;
    }
}

@media screen and (max-width:1100px)
{
    .shopping-cart .order-details-boxes > div
    {
        width: calc(100% / 2 - 40px)
    }

    .category-boxes a
    {
        width: calc(100% / 2 - 20px)
    }

    #video-wrapper #video-strecher .next-video-thumb
    {
        width: 150px;
    }

        #video-wrapper #video-strecher .next-video-thumb.embeded
        {
            width: 150px !important;
        }
}

@media screen and (max-width:1050px)
{
    .customer-sign-in
    {
        height: 75vh;
    }

    .full-flex .width45, .full-flex .width55
    {
        width: 100%;
    }
}

#comment-editor
{
    min-height: 100px;
}



@media screen and (max-width:1024px)
{
    #main-wrapper, #backdrop, #top-menu, .main-content
    {
        width: 100%;
        margin: 0;
        left: 0;
    }

    #video-wrapper
    {
        margin-bottom: 55px;
    }

        #video-wrapper #video-strecher .next-video-thumb
        {
            width: 200px;
        }

            #video-wrapper #video-strecher .next-video-thumb.embeded
            {
                width: 200px !important;
            }

    .front-page .intro
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .front-page .intro .video-wrapper
        {
            margin-bottom: 50px
        }

        .front-page .intro .video-wrapper, .front-page .intro .info
        {
            width: 98%
        }

    .front-page .facts
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .front-page .facts .fact
        {
            width: 100%;
            margin-bottom: 40px
        }

    .chapter-row > .header .title .chapter-title, .chapter-row > .header .title .chapter-locked
    {
        width: 100%;
    }

    .chapter-row > .header .title .chapter-locked
    {
        padding-left: 25px;
    }

    .about-page .intro
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .about-page .intro .video-wrapper
        {
            margin-bottom: 50px
        }

        .about-page .intro .video-wrapper, .about-page .intro .info
        {
            width: 98%
        }

    .about-page .facts
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0
    }

        .about-page .facts .fact
        {
            width: 100%;
            margin-bottom: 40px
        }

    #video-frame-disabled .info
    {
        top: 50%;
    }
}

@media screen and (max-width:1023px) /* Small */
{
    #video-wrapper
    {
        width: 96%
    }

    #right-wrapper
    {
        position: relative;
    }

    .show-buttons
    {
        margin-left: 2%;
    }

    #note-wrapper, #comments-wrapper, #teacher-messages-wrapper
    {
        width: 96%;
        margin-left: 2%;
        margin-bottom: 20px;
        height: auto
    }

    #note-editor-wrapper, #comments-wrapper, #teacher-messages-wrapper
    {
        height: 800px;
    }

    .related-categories
    {
        width: 96%
    }
}

@media screen and (max-width:950px)
{
    .hide950
    {
        display: none !important;
    }
}

@media screen and (max-width:900px)
{
    #top-menu .header-company-name
    {
    }

    #top-menu .personal-menu-icon
    {
        width: 30px;
        height: 30px;
        font-size: 12px;
    }

    #top-menu .categories
    {
        left: calc(2% + 110px);
        top: 12px
    }

        #top-menu .categories .top-menu-item
        {
            padding: 0;
            margin-right: 0px
        }

            #top-menu .categories .top-menu-item a
            {
                padding: 10px;
                top: 0
            }

    #top-menu .search-box
    {
        width: 96%;
        top: 8px;
        left: 2%
    }

    #top-menu .show-search-box
    {
        position: absolute;
        top: 22px;
        right: calc(2% + 50px);
        height: 16px
    }

    #main-wrapper
    {
        padding-top: 75px;
    }

    .subject-menu .subscriptions .row .content .image
    {
        display: none
    }

    .subject-menu .subscriptions .row .content .description
    {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin-bottom: 30px
    }

    .subject-menu .subscriptions .row .content
    {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .subject-menu .subscriptions .row .content .purchase, .subject-menu .subscriptions .row .content .purchase_return
        {
            -webkit-box-flex: 0;
            -ms-flex: 0 0 100%;
            flex: 0 0 100%;
            margin-left: 0px;
        }

        .subject-menu .subscriptions .row .content .price
        {
            margin-right: auto;
        }
}

@media screen and (max-width:850px)
{
    .about-page .staff .business-cards .business-card
    {
        width: 100%
    }
}

@media screen and (max-width:800px)
{
    .subject-row > .header .title
    {
        font-size: 20px;
    }

    .Video_Overlay
    {
        pointer-events: none;
        position: absolute;
        width: 100%;
        padding-top: 1%;
        padding-right: 1%;
        top: initial;
        bottom: 0;
        left: 0;
        text-align: right;
        z-index: 9;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    }

    #video-wrapper #video-strecher .next-video-thumb
    {
        width: 190px;
    }

        #video-wrapper #video-strecher .next-video-thumb.embeded
        {
            width: 190px !important;
        }

    #video-frame-disabled .info
    {
        top: 30%;
    }
}

@media only screen and (min-width: 751px)
{
    .show750
    {
        display: none !important;
    }
}

@media screen and (max-width:750px)
{
    .hide750
    {
        display: none !important;
    }

    .show750
    {
        display: block !important;
    }

    .shopping-cart .order-details-boxes > div
    {
        width: 100%
    }
}

@media screen and (max-width:700px)
{
    #top-menu .categories .top-menu-item:nth-child(3)
    {
        display: none
    }

    #video-wrapper #video-strecher .next-video-thumb
    {
        width: 170px;
    }

        #video-wrapper #video-strecher .next-video-thumb.embeded
        {
            width: 170px !important;
        }
}

@media screen and (max-width:650px)
{
    .video-table .video-thumb
    {
        display: none
    }

    .category-boxes a
    {
        width: 100%
    }

    #video-wrapper #video-strecher .next-video-thumb
    {
        width: 160px;
    }

        #video-wrapper #video-strecher .next-video-thumb.embeded
        {
            width: 160px !important;
        }
}

@media screen and (max-width:600px)
{
    #top-menu .categories .top-menu-item:nth-child(2)
    {
        display: none
    }

    #teacherMessage-list-wrapper
    {
        height: 100%;
        overflow: auto;
    }

    #comment-editor-wrapper, #teacherMessage-editor-wrapper
    {
        height: calc(30% - 30px);
    }

    #video-wrapper #video-strecher .next-video-thumb
    {
        width: 150px;
    }

        #video-wrapper #video-strecher .next-video-thumb.embeded
        {
            width: 150px !important;
        }

    .customer-sign-in form, .customer-sign-in .form
    {
        max-width: 22.5rem;
    }
}

@media screen and (max-width:550px)
{
    #video-frame-disabled .info
    {
        height: 70px;
        top: 30%;
        left: 10%;
        margin-top: -35px;
        padding: 5px 0 5px 0;
    }

        #video-frame-disabled .info .image-wrapper
        {
            display: none
        }

        #video-frame-disabled .info .text-wrapper .description
        {
            display: none
        }

        #video-frame-disabled .info .text-wrapper
        {
            height: 60px
        }

    /*#video-frame-disabled*/ #video-strecher .header
    {
        top: 5%
    }

    #video-frame-disabled .footer
    {
        bottom: 5%
    }

    #top-menu .categories
    {
        display: none;
    }
}

@media screen and (max-width:500px) and (min-width:370px)
{
    .note-tools-wrapper
    {
        height: 100px;
        display: block;
        padding-top: 10px;
    }

    .note_downloads
    {
        margin-bottom: 10px;
    }
}

@media screen and (max-width:500px)
{
    .front-page .facts .fact
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .front-page .facts .fact div
        {
            text-align: center
        }

    .about-page .facts .fact
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .about-page .staff .upper
    {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 20px
    }
}

@media screen and (max-width:470px)
{
    #top-menu .categories
    {
        left: 100px
    }

    #top-menu .right .login
    {
        width: auto;
        padding: 0 5px;
    }

    #top-menu .right .shopping-cart-wrapper
    {
        margin-right: 5px;
    }
}

@media screen and (max-width:450px)
{
    .hide450
    {
        display: none !important;
    }
}

@media screen and (max-width:385px)
{
    #video-frame-disabled .button_container
    {
        margin-bottom: 5px;
    }
}

@media screen and (max-width:369px)
{
    .note-tools-wrapper
    {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        padding: 10px 0 10px 5px;
        height: auto;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-align-content: flex-start;
        -ms-flex-line-pack: start;
        align-content: flex-start;
    }

    .note_downloads
    {
        -ms-flex-direction: column;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        flex-direction: column;
        -webkit-box-align: start !important;
        -ms-flex-align: start !important;
        align-items: flex-start !important;
    }

        .note_downloads .file-docs
        {
            margin: 5px 0;
        }

    #video-frame-disabled .info
    {
        height: auto;
    }

        #video-frame-disabled .info .text-wrapper
        {
            height: auto;
        }

            #video-frame-disabled .info .text-wrapper .description
            {
                display: none;
            }
}
/*#endregion Media Queries*/