@telerik/kendo-theme-default/dist/charts.css

SASS resources for the default Kendo UI theme

.k-content,.k-input,.k-textbox,.k-widget{background-color:#fff;border-color:#e2e2e2;color:#656565;border-radius:2px}.k-header{background-color:#f6f6f6;border-color:#e2e2e2}.k-icon,.k-icon:focus,.k-icon:hover,.k-link{color:#656565;text-decoration:none}.k-centered{top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.k-state-default{border-color:#e2e2e2}.k-state-selected{background-color:#ff6358;border-color:#ff685d;color:#fff}.k-state-active{background-color:#fff}.k-state-focused,.k-textbox:focus{box-shadow:0 0 0 2px #f0f0f0}.k-state-hover,.k-state-hover:hover{background-color:#ededed;border-color:#c3c3c3;color:#656565}.k-state-disabled,.k-state-disabled .k-button,.k-state-disabled .k-link{border-color:#d2d2d2;color:#d2d2d2;cursor:default;outline:0}.k-state-disabled{opacity:.7}.k-state-error{border-style:ridge}.k-state-empty{font-style:italic}.k-state-highlight{background-color:#f6f6f6;border-color:#ff6358}.k-button-bare{background:none!important;border-width:0;box-shadow:none}.k-button-bare:focus{box-shadow:none!important;border-color:transparent}.k-var--accent{background-color:#ff6358}.k-var--base{background-color:#f6f6f6}.k-var--background{background-color:#fff}.k-var--border-radius{margin-top:2px}.k-var--normal-background{background-color:#fff}.k-var--normal-text-color{background-color:#656565}.k-var--hover-background{background-color:#ededed}.k-var--hover-text-color{background-color:#656565}.k-var--selected-background{background-color:#ff6358}.k-var--selected-text-color{background-color:#fff}.k-var--error{background-color:#f31700}.k-var--warning{background-color:#ffc000}.k-var--success{background-color:#37b400}.k-var--info{background-color:#0058e9}.k-var--series-a{background-color:#ff6358}.k-var--series-b{background-color:#ffd246}.k-var--series-c{background-color:#78d237}.k-var--series-d{background-color:#28b4c8}.k-var--series-e{background-color:#2d73f5}.k-var--series-f{background-color:#aa46be}.k-animation-container{position:absolute;overflow:hidden;z-index:100}.k-animation-container-fixed{position:fixed}.k-push-right-appear,.k-push-right-enter{-webkit-transform:translate(-100%);transform:translate(-100%)}.k-push-right-appear-active,.k-push-right-enter-active{-webkit-transform:translate(0);transform:translate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-push-right-leave{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.k-push-right-leave-active{-webkit-transform:translate(100%,-100%);transform:translate(100%,-100%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-push-right-enter-active+.k-push-right-enter-active,.k-push-right-leave-active+.k-push-right-leave-active{display:none}.k-push-left-appear,.k-push-left-enter{-webkit-transform:translate(100%);transform:translate(100%)}.k-push-left-appear-active,.k-push-left-enter-active{-webkit-transform:translate(0);transform:translate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-push-left-leave{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.k-push-left-leave-active{-webkit-transform:translate(-100%,-100%);transform:translate(-100%,-100%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-push-left-enter-active+.k-push-left-enter-active,.k-push-left-leave-active+.k-push-left-leave-active{display:none}.k-push-down-appear,.k-push-down-enter{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.k-push-down-appear-active,.k-push-down-enter-active{-webkit-transform:translate(0);transform:translate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-push-down-leave{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.k-push-down-leave-active{-webkit-transform:translate(0);transform:translate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-push-up-appear,.k-push-up-enter{-webkit-transform:translateY(100%);transform:translateY(100%)}.k-push-up-appear-active,.k-push-up-enter-active{-webkit-transform:translate(0);transform:translate(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-push-up-leave{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.k-push-up-leave-active{-webkit-transform:translateY(-200%);transform:translateY(-200%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-expand .k-child-animation-container{overflow:hidden}.k-fade-enter{opacity:0}.k-fade-enter-active{opacity:1;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.k-fade-leave{opacity:1}.k-fade-leave-active{opacity:0;-webkit-transition:opacity .5s ease-in-out;transition:opacity .5s ease-in-out}.k-fade-enter-active+.k-fade-enter-active,.k-fade-leave-active+.k-fade-leave-active{display:none}.k-zoom-in-appear,.k-zoom-in-enter{opacity:0}.k-zoom-in-appear-active,.k-zoom-in-enter-active{opacity:1;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.k-zoom-in-leave{-webkit-transform:translateY(-100%) scale(1);transform:translateY(-100%) scale(1)}.k-zoom-in-leave-active{-webkit-transform:translateY(-100%) scale(0);transform:translateY(-100%) scale(0);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-zoom-out-appear,.k-zoom-out-enter{-webkit-transform:scale(0);transform:scale(0)}.k-zoom-out-appear-active,.k-zoom-out-enter-active{-webkit-transform:scale(1);transform:scale(1);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-zoom-out-leave{opacity:1;-webkit-transform:translateY(-100%);transform:translateY(-100%)}.k-zoom-out-leave-active{opacity:0;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.k-slide-in-appear{opacity:.1;-webkit-transform:translateY(-3em);transform:translateY(-3em)}.k-slide-in-appear .k-centered{-webkit-transform:translate(-50%,-60%);transform:translate(-50%,-60%)}.k-slide-in-appear-active{opacity:1;-webkit-transform:translate(0);transform:translate(0);-webkit-transition:opacity .3s cubic-bezier(.2,1,.2,1),-webkit-transform .3s cubic-bezier(.2,.6,.4,1);transition:opacity .3s cubic-bezier(.2,1,.2,1),-webkit-transform .3s cubic-bezier(.2,.6,.4,1);transition:transform .3s cubic-bezier(.2,.6,.4,1),opacity .3s cubic-bezier(.2,1,.2,1);transition:transform .3s cubic-bezier(.2,.6,.4,1),opacity .3s cubic-bezier(.2,1,.2,1),-webkit-transform .3s cubic-bezier(.2,.6,.4,1)}.k-slide-in-appear-active .k-centered{-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.k-slide-down-enter{-webkit-transform:translateY(-100%);transform:translateY(-100%)}.k-slide-down-enter-active{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-slide-down-enter-active,.k-slide-down-leave{-webkit-transform:translateY(0);transform:translateY(0)}.k-slide-down-leave-active{-webkit-transform:translateY(-100%);transform:translateY(-100%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-slide-up-enter{-webkit-transform:translateY(100%);transform:translateY(100%)}.k-slide-up-enter-active{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-slide-up-enter-active,.k-slide-up-leave{-webkit-transform:translateY(0);transform:translateY(0)}.k-slide-up-leave-active{-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-slide-right-enter{-webkit-transform:translateX(-100%);transform:translateX(-100%)}.k-slide-right-enter-active{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-slide-right-enter-active,.k-slide-right-leave{-webkit-transform:translateX(0);transform:translateX(0)}.k-slide-right-leave-active{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-slide-left-enter{-webkit-transform:translateX(100%);transform:translateX(100%)}.k-slide-left-enter-active{-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-slide-left-enter-active,.k-slide-left-leave{-webkit-transform:translateX(0);transform:translateX(0)}.k-slide-left-leave-active{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.k-popup .k-list-optionlabel,.k-popup .k-list .k-item{padding:1px 17px 1px 8px;line-height:2em;min-height:2em;white-space:normal}.k-popup.k-list-container{border-width:1px;border-style:solid;box-sizing:border-box}.k-list-optionlabel{border-bottom-width:1px;border-bottom-style:solid}.k-list-filter{display:block;position:relative;margin:8px}.k-list-filter>.k-textbox{padding-right:20px;width:100%;box-sizing:border-box}.k-list-filter>.k-icon{position:absolute;right:6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.k-popup{color:#656565}.k-popup.k-list-container{background-color:#f6f6f6;border-color:rgba(0,0,0,.08)}.k-popup.k-list-container .k-item{-webkit-transition:background-color .2s ease;transition:background-color .2s ease;cursor:pointer}.k-popup.k-list-container .k-item.k-state-selected{box-shadow:none}.k-popup.k-list-container .k-item:hover{background-color:#ededed}.k-popup.k-list-container .k-item:hover.k-state-selected{background-color:#ed5c52;color:#fff}.k-popup.k-list-container .k-item.k-state-focused,.k-popup.k-list-container .k-item:focus{box-shadow:inset 0 0 0 2px #dfdfdf}.k-popup.k-list-container .k-item.k-state-focused.k-state-selected,.k-popup.k-list-container .k-item:focus.k-state-selected{box-shadow:inset 0 0 0 1px #eb5b51}.k-popup.k-list-container .k-list-optionlabel{border-bottom-color:rgba(0,0,0,.08);box-shadow:0 5px 10px 0 rgba(0,0,0,.06)}.k-animation-container{border-radius:0 0 2px 2px}html{font-family:sans-serif}.k-reset{border:0;font-size:100%;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}.k-widget{font-size:14px;font-family:inherit}.k-button,.k-input,.k-textbox,.k-textbox>input{font-size:100%;font-family:inherit;border-style:solid;border-width:1px;-webkit-appearance:none}.k-content,.k-grid,.k-panelbar,.k-slider,.k-textbox,.k-widget{outline:0}.k-floatwrap:after{clear:both;content:"";display:block;height:0;overflow:hidden;visibility:hidden}.k-link{cursor:pointer;outline:0}.k-link,.k-link:hover{text-decoration:none}.k-loading{width:64px;height:64px;display:block}.k-loading .animate{-webkit-animation:loading 2s infinite linear;animation:loading 2s infinite linear}@-webkit-keyframes loading{0%{stroke-dasharray:0 251;stroke-dashoffset:502}50%{stroke-dasharray:250 1}to{stroke-dasharray:0 251;stroke-dashoffset:0}}@keyframes loading{0%{stroke-dasharray:0 251;stroke-dashoffset:502}50%{stroke-dasharray:250 1}to{stroke-dasharray:0 251;stroke-dashoffset:0}}.k-block,.k-textbox,.k-widget{box-sizing:border-box}.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-var--chart-font{font-size:14px}.k-var--chart-title-font{font-size:1.143em}.k-var--chart-label-font{font-size:.857em}.k-chart,.k-sparkline,.k-stockchart{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.k-chart,.k-stockchart{font-size:14px;font-family:inherit;display:block;height:400px}.k-chart-surface{height:100%}.k-chart-tooltip table{border-spacing:0;border-collapse:collapse}.k-chart-tooltip{font-size:.929em;line-height:1.154em;padding:.308em .692em}.k-chart-tooltip th{width:auto;text-align:center;padding:1px}.k-chart-tooltip td{width:auto;text-align:left;padding:.1em .308em;line-height:1.538em;vertical-align:middle}.k-chart-crosshair-tooltip,.k-chart-shared-tooltip{border-width:1px;border-style:solid}.k-chart-shared-tooltip{padding:1em;line-height:1.538em}.k-chart-shared-tooltip-marker{display:block;width:15px;height:3px;vertical-align:middle}.k-selector{position:absolute;-webkit-transform:translateZ(0)}.k-selection{border-width:1px;border-style:solid;border-bottom:0}.k-selection,.k-selection-bg{position:absolute;height:100%}.k-selection-bg{width:100%}.k-handle{width:22px;height:22px;border-width:1px;border-style:solid;z-index:1;border-radius:50%;position:absolute}.k-handle div{width:100%;height:100%}.k-leftHandle{left:-11px}.k-rightHandle{right:-11px}.k-leftHandle div{margin:-20px 0 0 -15px;padding:40px 30px 0 0}.k-leftHandle.k-handle-active div{margin-left:-40px;padding-right:55px}.k-rightHandle div{margin:-20px 0 0 -15px;padding:40px 0 0 30px}.k-rightHandle.k-handle-active div{padding-left:55px}.k-border,.k-mask{position:absolute;height:100%}.k-border{width:1px}.k-marquee{position:absolute;z-index:100000}.k-marquee-color,.k-marquee-text{position:absolute;top:0;left:0;width:100%;height:100%}.k-navigator-hint div{position:absolute}.k-navigator-hint .k-scroll{position:absolute;height:4px}.k-navigator-hint .k-tooltip{margin-top:20px;min-width:160px;opacity:1;text-align:center}.k-sparkline,.k-sparkline span{display:inline-block;vertical-align:top}.k-sparkline span{height:100%;width:100%}.k-chart-dragging{user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.k-var--chart-inactive{background-color:#d2d2d2}.k-var--chart-major-lines,.k-var--chart-minor-lines{background-color:rgba(0,0,0,.08)}.k-var--chart-area-opacity{opacity:.8}.k-var--chart-crosshair-background,.k-var--chart-error-bars-background,.k-var--chart-notes-background,.k-var--chart-notes-border,.k-var--chart-notes-lines{background-color:rgba(0,0,0,.5)}.k-chart,.k-sparkline,.k-stockchart{background-color:transparent}.k-chart-tooltip{color:#fff;border-radius:2px}.k-chart-tooltip-inverse{color:#000}.k-chart-crosshair-tooltip,.k-chart-shared-tooltip{color:#656565;background-color:#f6f6f6;border-color:rgba(0,0,0,.08)}.k-selection{border-color:rgba(0,0,0,.08);box-shadow:inset 0 1px 7px rgba(0,0,0,.15)}.k-selection-bg{background-color:transparent}.k-handle{background-color:#fff;background-image:-webkit-linear-gradient(#f6f6f6,#f1f1f1);background-image:linear-gradient(#f6f6f6,#f1f1f1);cursor:e-resize;border-color:rgba(0,0,0,.08)}.k-handle div{background-color:hsla(0,0%,100%,.01)}.k-mask{background-color:#fff;opacity:.8}.k-border{background:#d2d2d2}.k-marquee-color{background-color:#ff6358;opacity:.6}.k-navigator-hint .k-scroll{border-radius:2px;background:#d2d2d2}.k-navigator-hint .k-tooltip{border:0;background:#fff}