/****************************************/
/****************************************/
/** Australian Drilling Industry Association **/
/*
 * 
 *  Author: CAUSEIS PTY LTD
 * 
 *  Version: 1 -   
 *
 * 
 *  Document contains changes to Buttons
 *
 *
*/
/****************************************/
/****************************************/
a.button,
a.Button,
.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton,
.btn,
.TextButton,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton,
html input[type="button"] {
  background: var(--primary-color);
  color: var(--white-color);
  padding: 1.2rem 3.2rem;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  border: none;
  transition: all 0.2s ease-in-out;
  box-shadow: none !important;
  border-radius: var(--border-radius) !important;
  top: 0 !important;
  line-height: 1.2;
  font-weight: 400;
}

.PrimaryButton,
.SaveAndClose,
.SaveAs,
.UsePrimaryButton .TextButton,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a,
.RadGrid input.PrimaryButton,
.btn,
.TextButton,
.TextButtonWithImage,
.ruButton,
#masterHeaderActionArea a,
.RadGrid input.TextButton,
html input[type="button"] {
  font-size: 2rem;
}

a.button:visited,
a.Button:visited,
.PrimaryButton:visited,
.SaveAndClose:visited,
.SaveAs:visited,
.UsePrimaryButton .TextButton:visited,
.UsePrimaryButton .TextButtonWithImage:visited,
#masterHeaderActionArea a:visited,
.RadGrid input.PrimaryButton:visited,
.btn:visited,
.TextButton:visited,
.TextButtonWithImage:visited,
.ruButton:visited,
#masterHeaderActionArea a:visited,
.RadGrid input.TextButton:visited,
html input[type="button"]:visited {
  background: var(--primary-color);
}

a.button:focus,
a.Button:focus,
.PrimaryButton:focus,
.SaveAndClose:focus,
.SaveAs:focus,
.UsePrimaryButton .TextButton:focus,
.UsePrimaryButton .TextButtonWithImage:focus,
#masterHeaderActionArea a:focus,
.RadGrid input.PrimaryButton:focus,
.btn:focus,
.TextButton:focus,
.TextButtonWithImage:focus,
.ruButton:focus,
#masterHeaderActionArea a:focus,
.RadGrid input.TextButton:focus,
html input[type="button"]:focus {
  background: var(--secondary-color);
}

a.button:hover,
a.Button:hover,
.PrimaryButton:hover,
.SaveAndClose:hover,
.SaveAs:hover,
.UsePrimaryButton .TextButton:hover,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a:hover,
.RadGrid input.PrimaryButton:hover,
.btn:hover,
.TextButton:hover,
.TextButtonWithImage:hover,
.ruButton:hover,
#masterHeaderActionArea a:hover,
.RadGrid input.TextButton:hover,
html input[type="button"]:hover {
  background: var(--secondary-color);
}

a.button:active,
a.Button:active,
.PrimaryButton:active,
.SaveAndClose:active,
.SaveAs:active,
.UsePrimaryButton .TextButton:active,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a:active,
.RadGrid input.PrimaryButton:active,
.btn:active,
.TextButton:active,
.TextButtonWithImage:active,
.ruButton:active,
#masterHeaderActionArea a:active,
.RadGrid input.TextButton:active,
html input[type="button"]:active {
  background: var(--secondary-color);
}

[class*="utton"][disabled] {
  background: var(--primary-color) !important;
  color: var(--white-color) !important;
}

a[class*="arge"][class*="utton"] {
  font-size: 2.6rem;
}

a[class*="mall"][class*="utton"] {
  font-size: 1.6rem;
}

a[class*="rimary"][class*="utton"] {
  background: var(--primary-color) !important;
}

a[class*="rimary"][class*="utton"]:hover {
  background: var(--secondary-color) !important;
}

a[class*="econdary"][class*="utton"] {
  background: var(--secondary-color) !important;
}

a[class*="econdary"][class*="utton"]:hover {
  background: var(--primary-color) !important;
}

a[class*="rey"][class*="utton"] {
  background: var(--grey-color) !important;
  color: var(--dark-color) !important;
}

a[class*="rey"][class*="utton"]:hover {
  background: var(--primary-color) !important;
  color: var(--white-color) !important;
}

a[class*="hite"][class*="utton"] {
  background: var(--white-color) !important;
  color: var(--dark-color) !important;
}

a[class*="hite"][class*="utton"]:hover {
  background: var(--primary-color) !important;
  color: var(--white-color) !important;
}

a[class*="ark"][class*="utton"] {
  background: var(--dark-color) !important;
}

a[class*="ark"][class*="utton"]:hover {
  background: var(--secondary-color) !important;
}

a[class*="isabled"][class*="utton"] {
  background: #d4d4d4 !important;
  color: #fff !important;
  pointer-events: none;
  cursor: pointer;
}

[class*="utton"]:is(.Danger, .Error, .Warning, .danger, .error, .warning) {
  background: #f65656 !important;
  color: var(--white-color) !important;
}

[class*="utton"]:is(
    .Danger,
    .Error,
    .Warning,
    .danger,
    .error,
    .warning
  ):hover {
  background: #e96b6b !important;
  color: var(--white-color) !important;
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.primary-row
  a[class*="utton"]:not(
    [class*="rimary"],
    [class*="econdary"],
    [class*="rey"]
  ) {
  background: var(--white-color);
  color: var(--primary-color);
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.primary-row
  a[class*="utton"]:not(
    [class*="rimary"],
    [class*="econdary"],
    [class*="rey"]
  ):hover {
  background: var(--secondary-color);
  color: var(--white-color);
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.primary-row
  a[class*="utton"][class*="rey"]:hover {
  background: var(--secondary-color) !important;
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.primary-row
  a[class*="utton"][class*="econdary"]:hover {
  background: var(--white-color) !important;
  color: var(--primary-color) !important;
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.secondary-row
  a[class*="utton"]:not(
    [class*="rimary"],
    [class*="econdary"],
    [class*="rey"]
  ) {
  background: var(--white-color);
  color: var(--secondary-color);
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.secondary-row
  a[class*="utton"]:not(
    [class*="rimary"],
    [class*="econdary"],
    [class*="rey"]
  ):hover {
  background: var(--primary-color);
  color: var(--white-color);
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.secondary-row
  a[class*="utton"]:hover {
  background: var(--primary-color) !important;
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.secondary-row
  a[class*="utton"][class*="rey"]:hover {
  background: var(--primary-color) !important;
}

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row.secondary-row
  a[class*="utton"][class*="rimary"]:hover {
  background: var(--white-color) !important;
  color: var(--secondary-color) !important;
}