.k-card > .k-card-header:first-child, .k-card > .k-card-footer:first-child, .k-card > .k-card-body:first-child, .k-card > .k-card-image:first-child, .k-card >
.k-card-media:first-child, .k-card > .k-card-actions:first-child {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

.k-card > .k-card-header:last-child, .k-card > .k-card-footer:last-child, .k-card > .k-card-body:last-child, .k-card > .k-card-image:last-child, .k-card >
.k-card-media:last-child, .k-card > .k-card-actions:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.k-card-horizontal > .k-card-image:first-child, .k-card-horizontal >
.k-card-media:first-child {
  border-radius: 4px 0 0 4px; }

.k-card-horizontal.k-rtl > .k-card-image:first-child, .k-card-horizontal.k-rtl >
.k-card-media:first-child,
.k-rtl .k-card-horizontal > .k-card-image:first-child,
.k-rtl .k-card-horizontal >
.k-card-media:first-child,
[dir="rtl"] .k-card-horizontal > .k-card-image:first-child,
[dir="rtl"] .k-card-horizontal >
.k-card-media:first-child {
  border-radius: 0 4px 4px 0; }

.k-card-horizontal > .k-card-image:last-child, .k-card-horizontal >
.k-card-media:last-child, .k-card-horizontal > .k-card-actions:last-child {
  border-radius: 0 4px 4px 0; }

.k-card-horizontal.k-rtl > .k-card-image:last-child, .k-card-horizontal.k-rtl >
.k-card-media:last-child, .k-card-horizontal.k-rtl > .k-card-actions:last-child,
.k-rtl .k-card-horizontal > .k-card-image:last-child,
.k-rtl .k-card-horizontal >
.k-card-media:last-child,
.k-rtl .k-card-horizontal > .k-card-actions:last-child,
[dir="rtl"] .k-card-horizontal > .k-card-image:last-child,
[dir="rtl"] .k-card-horizontal >
.k-card-media:last-child,
[dir="rtl"] .k-card-horizontal > .k-card-actions:last-child {
  border-radius: 4px 0 0 4px; }

.k-card {
  border-radius: 4px;
  box-shadow: false;
  border-width: 1px;
  border-style: solid;
  display: flex;
  flex-direction: column;
  position: relative; }
  .k-card .k-card-callout {
    position: absolute;
    width: 20px;
    height: 20px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0; }
    .k-card .k-card-callout.k-callout-n {
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%) rotate(-45deg); }
    .k-card .k-card-callout.k-callout-e {
      top: 50%;
      left: auto;
      right: 0;
      transform: translate(50%, -50%) rotate(135deg) scaleX(-1); }
    .k-card .k-card-callout.k-callout-s {
      top: auto;
      bottom: 0;
      left: 50%;
      transform: translate(-50%, 50%) rotate(135deg); }
    .k-card .k-card-callout.k-callout-w {
      top: 50%;
      left: 0;
      transform: translate(-50%, -50%) rotate(-135deg); }

.k-card.k-card-flat {
  box-shadow: none; }

.k-card-horizontal {
  flex-direction: row; }

.k-card-header {
  padding: 12px 16px;
  border-width: 0 0 1px;
  border-style: solid;
  display: block;
  overflow: hidden;
  position: relative;
  z-index: 1; }
  .k-card-header > h1,
  .k-card-header > h2,
  .k-card-header > h3,
  .k-card-header > h4,
  .k-card-header > h5,
  .k-card-header > h6 {
    margin: 0; }
  .k-card-header .k-card-title + .k-card-subtitle {
    margin-top: 8px; }
  .k-card-header.k-hbox, .k-card-header.k-vbox {
    display: flex; }

.k-card-footer {
  padding: 12px 16px;
  border-width: 1px 0 0;
  border-style: solid;
  display: block; }
  .k-card-footer.k-hbox, .k-card-footer.k-vbox {
    display: flex; }

.k-card-body {
  padding: 12px 16px;
  display: block;
  flex: 1 1 auto; }
  .k-card-body p {
    margin: 0 0 14px; }
  .k-card-body > .k-last,
  .k-card-body > :last-child {
    margin-bottom: 0; }
  .k-card-body.k-hbox, .k-card-body.k-vbox {
    display: flex; }

.k-card-image,
.k-card-media {
  border: 0;
  max-width: 100%;
  overflow: hidden; }
  .k-card-image > img,
  .k-card-media > img {
    border: 0;
    max-width: 100%; }
  .k-card-horizontal .k-card-image, .k-card-horizontal
  .k-card-media {
    flex-shrink: 0;
    max-width: 100px;
    object-fit: cover; }

.k-card-title {
  margin: 0 0 14px; }

.k-card-subtitle {
  margin: 0 0 14px; }

.k-card-title + .k-card-subtitle {
  margin-top: -10.5px; }

.k-card-separator {
  margin: 0;
  border-width: 1px 0 0;
  border-style: solid;
  display: block;
  flex: 0 0 auto; }
  .k-card-separator.k-separator-vertical {
    width: 0;
    border-width: 0 0 0 1px; }

.k-card > .k-hr {
  margin: 0;
  flex: 0 0 auto;
  border-color: inherit; }

.k-card-actions {
  padding: 8px 16px;
  border-width: 0;
  border-style: solid;
  border-color: inherit;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  flex-basis: auto; }
  .k-card > .k-card-actions {
    border-top-width: 1px;
    border-color: inherit; }
  .k-card-horizontal .k-card-actions,
  .k-card-vertical .k-card-actions {
    border: 0; }
  .k-card-actions .k-button {
    max-width: 100%;
    white-space: normal; }
  .k-card-actions > .k-button.k-flat:first-child {
    margin-left: -8px; }
  .k-card-actions.k-card-actions-start {
    justify-content: flex-start; }
  .k-card-actions.k-card-actions-end {
    justify-content: flex-end; }
  .k-card-actions.k-card-actions-center {
    justify-content: center; }

.k-card-action {
  border-width: 0;
  border-style: solid;
  border-color: inherit;
  display: inline-flex;
  flex: 1 1 auto; }
  .k-card-action > .k-button {
    border-radius: 0;
    padding: 12px 16px;
    flex: 1 1 auto; }

.k-card-actions-vertical {
  padding: 0;
  display: flex;
  flex-direction: column; }
  .k-card-actions-vertical .k-button {
    padding: 12px 16px; }
    .k-card-actions-vertical .k-button.k-flat:first-child {
      margin-left: 0; }
  .k-card-actions-vertical .k-card-action + .k-card-action {
    border-top-width: 1px; }
  .k-card-horizontal .k-card-actions-vertical {
    border-top-width: 0;
    border-left-width: 1px; }
  .k-card-vertical .k-card-actions-vertical.k-card-actions-start {
    align-items: flex-start; }
  .k-card-vertical .k-card-actions-vertical.k-card-actions-end {
    align-items: flex-end; }
  .k-card-vertical .k-card-actions-vertical.k-card-actions-center {
    align-items: center; }
  .k-card-vertical .k-card-actions-vertical.k-card-actions-start, .k-card-vertical .k-card-actions-vertical.k-card-actions-end, .k-card-vertical .k-card-actions-vertical.k-card-actions-center {
    padding: 8px 16px; }
    .k-card-vertical .k-card-actions-vertical.k-card-actions-start .k-button, .k-card-vertical .k-card-actions-vertical.k-card-actions-end .k-button, .k-card-vertical .k-card-actions-vertical.k-card-actions-center .k-button {
      padding: 4px 8px; }

.k-card-actions-stretched {
  padding: 0;
  display: flex;
  flex-direction: row; }
  .k-card-actions-stretched .k-button {
    padding: 12px 16px;
    flex-grow: 1; }
    .k-card-actions-stretched .k-button.k-flat:first-child {
      margin-left: 0; }
  .k-card-actions-stretched .k-card-action + .k-card-action {
    border-left-width: 1px; }
  .k-card-actions-stretched.k-card-actions-vertical {
    flex-direction: column; }

.k-card-list {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  align-items: stretch;
  flex: 0 0 auto; }
  .k-card-list .k-card {
    flex: 0 0 auto; }
  .k-card-list .k-card + .k-card {
    margin-top: 16px; }

.k-card-group {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: stretch;
  flex: 0 0 auto; }
  .k-card-group .k-card {
    border-radius: 0;
    flex: 0 0 auto; }
    .k-card-group .k-card > .k-card-header {
      border-radius: 0; }
  .k-card-group .k-card + .k-card {
    margin-left: -1px; }
  .k-card-group .k-card.k-first {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px; }
    .k-card-group .k-card.k-first > .k-card-header {
      border-top-left-radius: 4px; }
  .k-card-group .k-card.k-last {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px; }
    .k-card-group .k-card.k-last > .k-card-header {
      border-top-right-radius: 4px; }
  .k-card-group .k-card.k-only {
    border-radius: 4px; }
    .k-card-group .k-card.k-only > .k-card-header {
      border-top-left-radius: 4px;
      border-top-right-radius: 4px; }