/*
You can type here any CSS rule recognized by GTK+.
You can temporarily disable this custom CSS by clicking on the "Pause" button above.

Changes are applied instantly and globally, for the whole application.
*/

/* Standard 1px border for all styles */

.tile {
  background-image:none;
  background-color:#babdb6;
  border-color:@theme_bg_color;
  border-radius:4px; /* border width might be affecting */
  color:transparent;
  border-image:none;
  font-size:16px;
  font-weight: bold;
  background-size: 60%;
  background-position: 50%;
  padding:0px;
  background-repeat: no-repeat;
  box-shadow:none;
  border-width:0px;
}

.tile:hover {
  background-color:#d3d7cf;
  transition-duration:0.4s;
}

.tile:active {
  background-color:#888a85;
  box-shadow: inset 0 2px 1px rgba(0,0,0,.2);
}

.count {
  color:black;
  font-size:0px;
  background-image:none;
  background-color:#dededc;
  transition-duration:0.4s;
}

.count:hover {
  background-color:#dededc;
}

.mine {
  background-color:#729fcf;
}

.cursor {
  background-color:#e9b96e;
}

.pausedOverlay {
  background-color:#babdb6;
  color: white;
  font-size:32px;
  border-radius: 3px;
}
  .pausedOverlay:backdrop {
    background-color: shade(#babdb6,1.1);
  }

.explodedField .tile {
  background-color:#888a85;
  transition-duration:1s;
}

.explodedField .count,
.explodedField .exploded {
  background-color:#d3d7cf;
  transition-duration:1s;
}

.explodedField .incorrect {
  background-color:#cc0000;
}

.completedField .flag {
  transition-duration:1s;
}
