/****************************************/
/****************************************/
/** Causeis Starter Template 4 **/
/*
 * 
 *  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"] {
  padding: 1.2rem 1.4rem;
  background: var(--primary-color);
  text-decoration: none;
  color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(0.1rem) translateZ(0);
  transform: perspective(0.1rem) translateZ(0);
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  line-height: 1;
  border-radius: 0rem;
  font-weight: 500;
  border: none !important;
  border-radius: var(--button-border-radius);
}
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 {
  padding: 1.2rem 1.4rem;
  background: var(--primary-color);
  text-decoration: none;
  color: #fff;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(0.1rem) translateZ(0);
  transform: perspective(0.1rem) translateZ(0);
  box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  line-height: 1;
  border-radius: 0rem;
  font-weight: 500;
  border: none !important;
}

a.Button:after,
a.button:after,
.PrimaryButton:after,
.SaveAndClose:after,
.SaveAs:after,
.UsePrimaryButton .TextButton:after,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a:after,
.RadGrid input.PrimaryButton:after,
.btn:after,
.TextButton:after,
.TextButtonWithImage:after,
.ruButton,
#masterHeaderActionArea a:after,
.RadGrid input.TextButton,
html input[type="button"]:after {
  content: "";
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transition-duration: 0.1s;
  transition-duration: 0.1s;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  background-image: url(/images/Launchpad1/svg/arrow-white-right.svg);
  font-size: 0;
  background-position: center;
  background-repeat: no-repeat;
  width: 1.8rem;
  height: 1.4rem;
  background-size: contain;
  margin-left: 1rem;
  vertical-align: middle;
  display: none !important;
}

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,
#masterHeaderActionArea a:hover,
.RadGrid input.TextButton,
html input[type="button"]:hover {
  background: transparent;
  color: var(--primary-color);
  overflow: overlay;
  background: #ffffff;
  box-shadow: 0px 0px 0 2px var(--primary-color);
  border: none !important;
}

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,
#masterHeaderActionArea a:active,
.RadGrid input.TextButton,
html input[type="button"]:active {
  background: transparent;
  color: var(--primary-color);
  overflow: overlay;
  background: #ffffff;
  box-shadow: 0px 0px 0 2px var(--primary-color);
  border: none !important;
}

a.button:hover:after,
a.Button:hover:after,
.PrimaryButton:hover:after,
.SaveAndClose:hover:after,
.SaveAs:hover:after,
.UsePrimaryButton .TextButton:hover:after,
.UsePrimaryButton .TextButtonWithImage,
#masterHeaderActionArea a:hover:after,
.RadGrid input.PrimaryButton:hover:after,
.btn:hover:after,
.TextButton:hover:after,
.TextButtonWithImage:hover:after,
.ruButton,
#masterHeaderActionArea a:hover:after,
.RadGrid input.TextButton,
html input[type="button"]:hover:after {
  -webkit-transform: translateX(0.4rem);
  transform: translateX(0.4rem);
  background-image: url(/images/Launchpad1/svg/arrow-blue-right.svg);
}

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

a[class*="arge"][class*="utton"] {
  padding: 1.7rem 2rem;
  font-size: 1.7rem;
  font-weight: 600;
}

a[class*="mall"][class*="utton"] {
  padding: 1rem 1.2rem;
  font-size: 1.2rem;
  font-weight: 600;
}

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

a[class*="ark"][class*="utton"]:hover {
  background: #ffffff;
  color: var(--dark-color);
  box-shadow: 0px 0px 0 2px var(--dark-color);
}

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

a[class*="econdary"][class*="utton"]:hover {
  background: #ffffff;
  color: var(--secondary-color);
  box-shadow: 0px 0px 0 2px var(--secondary-color);
}

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

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

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

div#masterContentArea
  .col-primary
  > div
  > div
  > div
  > div.row:is(.primary-row, .secondary-row)
  a[class*="utton"]:hover {
  background: transparent;
  color: #fff;
  box-shadow: 0px 0px 0 2px #fff;
}