.ui-dialog {
  .linkfield-dialog {
    .btn-toolbar {
      .btn {
        background-color: var(--cms-accent-colour)!important;
        color: var(--cms-accent-text-colour, var(--cms-background-colour--dark));
      }
    }
  }
}

.mce-btn.mce-primary {
  background-color: var(--cms-accent-colour) !important;

  .mce-txt {
    color: var(--cms-accent-text-colour, var(--cms-background-colour--dark))!important;
  }
}

.btn {
  border-radius: 5px;
  border: 0;

  &.btn-primary {
    color: var(--cms-accent-text-colour, var(--cms-background-colour--dark));
    background-color: var(--cms-accent-colour)!important;
    opacity: 1;
    transition: opacity .2s ease;

    &:hover,
    &:focus {
      opacity: .8;
    }
  }
}

.btn-outline-primary {
  color: var(--cms-link-colour)!important;

  &:hover,
  &:focus {
    background-color: transparent!important;
  }
}

.btn-group .btn-primary {
  border-left: 0!important;
}

.ss-gridfield-add-new-multi-class {
  .btn {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;

    &:before {
      line-height: 25px !important;
    }
  }
}

#preview-states {
  .state-name {
    box-shadow: none!important;
    background-image: none!important;
    border: 0!important;

    &.active {
      background-color: var(--cms-accent-colour);
    }
  }
}

.btn-secondary {
  &:hover,
  &:focus,
  &:active,
  &.active {
    background-color: var(--cms-background-colour--dark) !important;
  }
}

.btn-outline-secondary {
  background-color: var(--cms-background-colour--light) !important;

  &.action_gridfield_relationadd {
    border: 1px solid var(--cms-border-colour);
    margin-left: -4px !important;
  }

  &.disabled,
  &:disabled {
    border: 1px solid transparent !important;
    background-color: transparent !important;
  }

  &:hover {
    border-color: var(--cms-border-colour) !important;
    color: var(--cms-accent-colour) !important;

    &.disabled,
    &:disabled {
      background-color: transparent !important;
      border: 1px solid transparent !important;
      color: var(--cms-text-colour) !important;
    }
  }
}

.btn-outline-secondary {
  color: var(--cms-text-colour) !important;
}

.btn.btn-primary {
  color: var(--cms-accent-text-colour, var(--cms-background-colour--dark)) !important;
}

.btn:not(:disabled):not(.disabled).active,
.btn:not(:disabled):not(.disabled):active {
  box-shadow: none!important;
  background-color: var(--cms-background-colour--light) !important;
}

.toolbar--content .btn--circular,
.toolbar--north .btn--circular,
.toolbar--south .btn--circular,
.toolbar .btn--circular {
  padding-left: 7px!important;
  padding-right: 7px!important;

  &:before {
    margin-right: 0!important;
  }
}

.toolbar--content .btn-group--circular>.btn,
.toolbar--content .btn-group--circular>.btn:hover,
.toolbar--north .btn-group--circular>.btn,
.toolbar--north .btn-group--circular>.btn:hover,
.toolbar--south .btn-group--circular>.btn,
.toolbar--south .btn-group--circular>.btn:hover,
.toolbar .btn-group--circular>.btn,
.toolbar .btn-group--circular>.btn:hover {
  background-color: var(--cms-accent-colour) !important;
  border-color: transparent !important;
}

.toolbar--content .btn-group--circular>.btn:before,
.toolbar--content .btn-group--circular>.btn:hover:before,
.toolbar--north .btn-group--circular>.btn:before,
.toolbar--north .btn-group--circular>.btn:hover:before,
.toolbar--south .btn-group--circular>.btn:before,
.toolbar--south .btn-group--circular>.btn:hover:before,
.toolbar .btn-group--circular>.btn:before,
.toolbar .btn-group--circular>.btn:hover:before {
  color: var(--cms-accent-text-colour, var(--cms-background-colour--dark)) !important;
}

.btn-primary.focus,
.btn-primary:focus {
  box-shadow: none!important;
}

input[type="url"],
input[type="text"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="password"],
input[type="datetime-local"],
.form-control,
.field select,
.field textarea,
.field input.text,
.form__field-holder input.readonly,
.form__field-holder p.readonly,
.form__field-holder span.readonly,
.readonly .form__field-holder > div {
  border-radius: 3px!important;
  box-shadow: none!important;
}

.btn.disabled,
.btn:disabled {
  opacity: .65!important;
  filter: saturate(.5)!important;
  background-color: var(--cms-accent-colour)!important;
}

.popover-actions-simulate,
.search-box__enter {
  background-color: var(--cms-border-colour) !important;
}

.popover-actions-simulate {
  border-radius: 3px !important;
}

.btn.btn-outline-secondary {
  background-color: var(--cms-border-colour) !important;
}

div.switch-states {
  .switch {
    box-shadow: none !important;
  }
}

.preview-mode-selector,
.preview-size-selector {
  .chosen-container-single {
    .chosen-single {
      border: 0 !important;
    }
  }
}

.tag-list {
  .tag-component {
    background-color: var(--cms-accent-colour) !important;

    &,
    &__delete {
      color: var(--cms-accent-text-colour, var(--cms-background-colour--dark))!important;
    }
  }
}