.k-flatcolorpicker .k-clear-color-container .k-clear-color .k-i-reset-color, .k-flatcolorpicker .k-selected-color .k-clear-color .k-i-reset-color {background-image: none}

.k-flatcolorpicker .k-clear-color-container {text-align: left}
.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:12px; height:12px; border: 1px solid #FFF; margin-left: -5px; margin-top: -5px; border-radius:6px; box-shadow: 0 1px 2px #444; background: 0 0;}
.k-flatcolorpicker .k-hsv-rectangle .k-draghandle:focus,
.k-flatcolorpicker .k-hsv-rectangle .k-draghandle:hover {background: 0 0; border-color: #fff; 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:88%;  margin:16px 6% 0 6%;}
.k-flatcolorpicker .k-slider-horizontal .k-slider-track {box-shadow: 0 1px 0 #fff, 0 -1px 0 #999;}
.k-flatcolorpicker .k-hue-slider, .k-flatcolorpicker .k-transparency-slider {display: block}
.k-flatcolorpicker .k-hue-slider .k-slider-selection, .k-flatcolorpicker .k-transparency-slider .k-slider-selection {background:0;}
.k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle {background:0; border:2px solid #FFF;    margin-top: 1px; box-shadow: 0 1px 4px #444;}

.k-flatcolorpicker .k-hue-slider .k-slider-track {background: linear-gradient(to right, red 0, #ff0 16%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 84%, #ff0004 100%); height:5px; -webkit-border-radius: 40px; -moz-border-radius: 40px; border-radius: 40px;}
.k-flatcolorpicker .k-hsv-gradient {background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, #000 100%), linear-gradient(to right, #fff 0, rgba(255, 255, 255, 0) 100%); height:100px; margin-bottom: 5px;}
.k-colorpalette {position: relative; line-height: 0; border-width: 0; display: inline-block;}
.k-colorpalette .k-palette {border-collapse: collapse; position: relative; width: 100%; height: 100%}
.k-colorpalette .k-item {width: 14px; height: 14px; overflow: hidden; -ms-high-contrast-adjust: none;}
.k-colorpalette .k-item.k-state-selected, .k-colorpalette .k-item.k-state-selected:hover {z-index: 100; background: 0 0; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .7), inset 0 0 0 1px rgba(255, 255, 255, .45); position: relative;}
.k-colorpalette .k-item:hover {z-index: 101; position: relative; box-shadow: 0 1px 3px 1px rgba(0, 0, 0, .5), inset 0 0 0 1px rgba(255, 255, 255, .3);
}
.k-editortoolbar-dragHandle {cursor: move; padding-left: 0; padding-right: 3px; box-shadow: none!important;}
.k-editor-widget>.k-window-content{overflow: hidden;}
.k-editor .k-editor-toolbar-wrap {border:0; padding:0;}
div.k-slider {position: relative; border-width: 0; background-color: transparent; -webkit-user-select: none; -moz-user-select: none;    -ms-user-select: none; user-select: none;}
.k-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:-9px; width:20px; height:20px;}
.k-tooltip {position: absolute; z-index: 12000; border-style: solid; border-width: 0; padding: 5px 5px 5px 6px; background-repeat: repeat-x; min-width: 20px; text-align: center; display:none!important;}
.k-tooltip-button { text-align:right; height:0}
.k-tooltip-content {height: 100%}
.k-tooltip-closable .k-tooltip-content {padding-right: 20px;}
.k-callout {position: absolute; width: 0; height: 0; border-style: solid; border-width: 6px; border-color: transparent; pointer-events: none;}
.k-callout-n {top: -12px; left: 50%; margin-left: -6px; pointer-events: none}
.k-callout-w {top: 50%; left: -12px; margin-top: -6px; pointer-events: none;}
.k-callout-s {left: 50%;  bottom: -12px; margin-left: -6px; pointer-events: none;}
.k-callout-e {top: 50%; right: -12px; margin-top: -6px; pointer-events: none;}
.k-slider-tooltip .k-callout-n, .k-slider-tooltip .k-callout-s {margin-left: -6px}
.k-slider-tooltip .k-callout-e, .k-slider-tooltip .k-callout-w {margin-top: -6px;}
.k-tooltip-validation .k-i-warning {vertical-align: text-top; margin-right: 3px;}
.k-tooltip-validation {z-index: 9999;}
.k-toolbar {position: relative; display: block; vertical-align: middle; padding: .28571428em 0; overflow: hidden;}
.k-overflow-container .k-button .k-sprite, .k-toolbar .k-button .k-sprite {vertical-align: middle;margin-top: -7px; margin-bottom: -5px;}
 
 
.k-chart-crosshair-tooltip, .k-chart-shared-tooltip, .k-widget.k-tooltip {border-color: rgba(100, 100, 100, .9); background-color: rgba(100, 100, 100, .9); color: #fff;}
.k-widget.k-tooltip-validation{border-color: #fdefba; background-color: #fdefba; color: #816704;}
.k-callout-n {border-bottom-color: rgba(100, 100, 100, .9);}
.k-callout-w {border-right-color: rgba(100, 100, 100, .9);}
.k-callout-s {border-top-color: rgba(100, 100, 100, .9);}
.k-callout-e {border-left-color: rgba(100, 100, 100, .9);} 
.k-slider .k-button, .k-slider .k-button.k-state-hover, .k-slider .k-button:active, .k-slider .k-button:active:hover, .k-slider .k-button:focus {background: 0 0;  border: none; box-shadow: none; border-radius: 14px;}
.k-draghandle, .k-flatcolorpicker .k-slider-horizontal .k-slider-track {box-shadow: none;}

.k-flatcolorpicker .k-hue-slider .k-draghandle, .k-flatcolorpicker .k-transparency-slider .k-draghandle {border-color:#FFF; background-color: #3f51b5; box-shadow: none; border-radius: 14px;}