/**
 * @file
 * Visual styles for buttons.
 */

.button,
.image-button,
.ui-button:focus, 
.ui-button:not(.ui-dialog-titlebar .ui-button) {
  background-color: var(--current-section-secondary-colour);
  color: #fff!important;
  font-weight: bold;
  padding: 5px 10px;
  border: 0;
  text-decoration: none;
  border-radius: 3px;
}
.button:first-child,
.image-button:first-child,
.button:last-child,
.image-button:last-child {
  margin-right: 0;
  margin-left: 0;
}
.button:hover,
.image-button:hover,
.ui-button:hover {
  background-color: #333;
}
.button.small {
  font-size: 0.8rem;
  padding: 3px 5px;
}

.button.clear {
  background-color: #fff;
  border: 1px solid var(--current-section-secondary-colour);
  color: var(--current-section-secondary-colour)!important;
}
.button.clear:hover {
  background-color: #e1e6eb;
}
.ui-button:hover {
  font-weight: bold;
  border: 0;
}

.button.pdf {
  padding: 15px 15px 15px 50px;
  background-image: url(/themes/mysf/images/icons/pdf-icon.png);
  background-size: 27px;
  background-position: 13px;
  background-repeat: no-repeat;
}