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

SASS resources for the default Kendo UI theme

.k-progressbar {
  display: inline-block;
  position: relative;
  vertical-align: middle;
  border-radius: 2px; }
  .k-progressbar > .k-state-selected {
    position: absolute;
    border-style: solid;
    border-width: 1px;
    overflow: hidden; }
  .k-progressbar > .k-reset {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    left: -1px;
    top: -1px;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    white-space: nowrap; }

.k-progressbar-horizontal {
  width: 27em;
  height: 1.9em; }
  .k-progressbar-horizontal > .k-state-selected {
    left: -1px;
    right: auto;
    top: -1px;
    height: 100%;
    border-radius: 2px 0 0 2px; }
  .k-progressbar-horizontal .k-item {
    display: inline-block;
    height: 100%;
    border-style: solid;
    margin-left: -1px;
    border-width: 1px 0 1px 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-progressbar-reverse > .k-state-selected {
    left: auto;
    right: -1px;
    border-radius: 0 2px 2px 0; }
  .k-progressbar-horizontal.k-progressbar-reverse .k-item {
    border-width: 1px 0 1px 1px; }

.k-progressbar-vertical {
  width: 1.9em;
  height: 27em; }
  .k-progressbar-vertical > .k-state-selected {
    left: -1px;
    bottom: -1px;
    width: 100%;
    border-radius: 0 0 2px 2px; }
  .k-progressbar-vertical.k-progressbar-reverse > .k-state-selected {
    bottom: auto;
    top: -1px;
    border-radius: 2px 2px 0 0; }

.k-progressbar > .k-state-selected.k-complete {
  border-radius: 2px; }

.k-progressbar-horizontal .k-first {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-left-width: 1px; }

.k-progressbar-horizontal .k-last {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px; }

.k-progressbar-horizontal.k-progressbar-reverse .k-last {
  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;
  margin-top: -1px; }

.k-progressbar-vertical .k-item.k-first {
  margin-top: 0; }

.k-progressbar-vertical .k-item.k-last {
  border-bottom-width: 0; }

.k-progressbar-vertical .k-first {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px; }

.k-progressbar-vertical .k-last {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-bottom-width: 1px; }

.k-progressbar-vertical.k-progressbar-reverse .k-item {
  border-width: 0 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;
  border-radius: 2px;
  line-height: 2em;
  width: 100%;
  height: 100%;
  left: -1px;
  right: auto;
  text-align: right; }

.k-progressbar-horizontal.k-progressbar-reverse .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%);
          transform: rotate(-90deg) translateX(-100%);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0; }

.k-progressbar-vertical.k-progressbar-reverse .k-progress-status {
  -webkit-transform: rotate(90deg) translateX(-100%);
          transform: rotate(90deg) translateX(-100%);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%; }

.k-widget,
.k-content,
.k-input,
.k-textbox {
  background-color: #fff;
  border-color: #e5e5e5;
  color: #656565;
  border-radius: 2px; }

.k-header {
  background-color: #f9f9f9;
  border-color: #e5e5e5; }

.k-link,
.k-icon {
  color: #656565; }

.k-centered {
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }

.k-state-default {
  border-color: #e5e5e5; }

.k-state-selected {
  background-color: #ff6358;
  border-color: #ff685d;
  color: #fff; }

.k-state-active {
  background-color: #fff; }

.k-textbox:focus,
.k-state-focused {
  box-shadow: inset 0 0 3px 1px #e0e0e0; }

.k-state-hover,
.k-state-hover:hover {
  background-color: #ededed;
  border-color: #c6c6c6;
  color: #656565; }

.k-state-disabled,
.k-state-disabled .k-link,
.k-state-disabled .k-button {
  border-color: #d5d5d5;
  color: #d5d5d5;
  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: #f9f9f9;
  border-color: #ff6358; }

.k-var--accent {
  background-color: #ff6358; }

.k-var--base {
  background-color: #f9f9f9; }

.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-progressbar {
  background-color: #f9f9f9; }
  .k-progressbar .k-progress-status-wrap {
    border-color: #efefef; }
  .k-progressbar .k-state-selected {
    border-color: #ff5044; }

.k-progressbar-indeterminate {
  background: url(data:image/gif;base64,R0lGODlhFgAWAJECAPDw8OTk5AAAAAAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFBAACACwAAAAAFgAWAAACL4yPAcsNmZyESDp6bMNGM654DyeOWAmipJiyqweGWuy+Fg23s37zk38BboQf4qIAACH5BAUEAAIALAAAAAAWABYAAAIwBIKpYe231ntRTlfTxZlt03lf+IFdCWUoWbLj2cKvGstXKN6ubk94Tdv8ZkFe0VEAACH5BAUEAAIALAAAAAAWABYAAAIwhBGpG+fH4nuRTVfXhTltnn1G14ikiHToaapt+Far+7E1vZFlbl96LLvhJj8hzFEAACH5BAUEAAIALAAAAAAWABYAAAIwhB+pG+fI2HtRTljTxXmbrHgAqImkOILoaapt91ar67E1vdk5fpHNzaPoJr6Y7FAAACH5BAUEAAIALAAAAAAWABYAAAIvhG+hy4EPmoRINnosw0krHnkOJ45YCaKpB4ZaK8Ls+tKWXJOznp+736OogMGHqgAAIfkEBQQAAgAsAAAAABYAFgAAAi+Ej6HLgQ+ahEkyeuzFUSveeaD3caRjkqOaiqsGhlbMtvN72xO+6w3t8m2EC6CnAAAh+QQFBAACACwAAAAAFgAWAAACMAyOCcHtCp1kME1Z0X15bdp9YCYaodh5X1qy6LnCW6pe9CtPd5xj7vyzBXVDX69RAAAh+QQFBAACACwAAAAAFgAWAAACMIyBqWDtseJ7cU1X1cWZ7dN9YCZCodh5X1qy6LnCmxuTrzyl6qXf9kzjBXNDSjFQAAAh+QQFBAACACwAAAAAFgAWAAACLowNqQvnx+J7kU1X14U5bdQ1XxCOZGeWo/qxm3vBk0yhq93iL83pMw/y1YQYWAEAIfkEBQQAAgAsAAAAABYAFgAAAjCMH6DLgJ9ag0hOaizDWSseeaD3caQziqkGhlZLwqo5Y/H64pLM6hddg5x8P8rQUAAAIfkEBQQAAgAsAAAAABYAFgAAAjCMf6DLgB+ahEg2muzCRm/uKVwUjqEDlqk3klqrrhbMmrU82a8+8zl+8QWBQ8opUAAAOw==); }
  .k-progressbar-indeterminate .k-progress-status-wrap,
  .k-progressbar-indeterminate .k-state-selected {
    display: none; }