/***BEGIN DashboardGrid.css***/
.devops-dashboard-grid {
  position: relative; }
  .devops-dashboard-grid.editable {
    background-color: rgba( 218, 218, 218 ,  1 );
    background-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
    background-size: 170px 170px;
    background-position: 0 10px;
    background-image: linear-gradient(90deg, rgba( 255, 255, 255 ,  1 ) 0, rgba( 255, 255, 255 ,  1 ) 10px, rgba(232, 232, 232, 0) 10px, rgba(232, 232, 232, 0) 170px), linear-gradient(0deg, rgba( 255, 255, 255 ,  1 ) 0, rgba( 255, 255, 255 ,  1 ) 10px, rgba(232, 232, 232, 0) 10px, rgba(232, 232, 232, 0) 170px);
    background-image: linear-gradient(90deg, rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ) 0, rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ) 10px, rgba(232, 232, 232, 0) 10px, rgba(232, 232, 232, 0) 170px), linear-gradient(0deg, rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ) 0, rgba( var(--palette-neutral-0,255, 255, 255) ,  1 ) 10px, rgba(232, 232, 232, 0) 10px, rgba(232, 232, 232, 0) 170px); }
/***END DashboardGrid.css***/

/***BEGIN DashboardGridItem.css***/
.devops-dashboard-grid.editable .grid-item {
  cursor: move; }

.devops-dashboard-grid .grid-item {
  outline: solid 1px rgba(0, 0, 0, .08);
  outline: solid 1px var(--border-subtle-color,rgba(0, 0, 0, .08));
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .132);
  box-shadow: 0 1px 3px 0 var(--callout-shadow-color,rgba(0, 0, 0, .132));
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1)); }
  .devops-dashboard-grid .grid-item.focal-grid-item {
    z-index: 10000001; }

.devops-dashboard-grid .react-grid-item.react-grid-placeholder {
  background-color: rgba( 199, 224, 244 ,  1 );
  background-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  opacity: 0.3; }
/***END DashboardGridItem.css***/