/***BEGIN WorkItemCardContent.css***/
.work-item-card-additional-fields {
  padding: 10px 2px 10px 2px; }
/***END WorkItemCardContent.css***/

/***BEGIN WorkItemCardHeader.css***/
.work-item-card-header {
  padding: 10px; }
  .work-item-card-header--type-icon {
    background: rgba( 248, 248, 248 ,  1 );
    background: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
    width: 26px;
    height: 26px; }
    .work-item-card-header--type-icon .bowtie-icon {
      font-size: 1.125rem;
      width: auto;
      height: auto; }
  .work-item-card-header--id {
    margin-left: 5px;
    font-size: 0.75rem; }

.work-item-card-title-link {
  margin-top: 7px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9)); }
/***END WorkItemCardHeader.css***/

/***BEGIN WorkItemCard.css***/
.work-item-card {
  background: rgba( 255, 255, 255 ,  1 );
  background: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-radius: 4px;
  position: relative;
  overflow: hidden;
  min-width: 200px;
  transition: box-shadow 0.2s; }
  .work-item-card:hover {
    box-shadow: 0 3.2px 7.2px 0 rgba(0, 0, 0, .132), 0 0.6px 1.8px 0 rgba(0, 0, 0, .108);
    box-shadow: 0 3.2px 7.2px 0 var(--callout-shadow-color,rgba(0, 0, 0, .132)), 0 0.6px 1.8px 0 var(--callout-shadow-secondary-color,rgba(0, 0, 0, .108)); }

.work-item-card-saving-overlay {
  pointer-events: none;
  opacity: 0.2;
  background: rgba( 0, 0, 0 ,  1 );
  background: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 ); }
/***END WorkItemCard.css***/