/****************************************/
/****************************************/
/** Local Government Professionals Australia NSW (LGPNSW) **/
/*
 * 
 *  Author: CAUSEIS PTY LTD
 * 
 *  Version: 1 -   
 *
 * 
 *  Document contains changes to Buttons
 *
 *
*/
/****************************************/
/****************************************/
a.button,
a.Button {
  padding: 0.7rem 3rem;
  color: #fff;
  text-decoration: none;
  background: #58595b;
  border-radius: 0.5rem;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgb(0 0 0 / 0%);
  position: relative;
  overflow: hidden;
  color: #fff;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  font-weight: 500;
}

a.button:hover,
a.Button:hover {
  background: transparent;
  color: #58595b;
  border-radius: 0.5rem;
  overflow: overlay;
  background: #ffffff;
  box-shadow: 0px 0px 0 2px #58595b;
}

a.large.button,
a.Large.Button {
  padding: 1rem 3rem;
  font-size: 1.8rem;
}

a.small.button,
a.Small.Button {
  padding: 0.7rem 2rem;
  font-size: 1.1rem;
}

.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"],
.PrimaryButton[disabled],
.TextButton[disabled] {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgb(0 0 0 / 0%);
  position: relative;
  overflow: hidden;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  padding: 0.7rem 3rem !important;
  font-size: 1.7rem;
  color: #fff;
  text-decoration: none;
  background: #00bbd6;
  font-weight: 600;
  border-radius: 0;
  border: none;
}

.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,
.PrimaryButton:focus,
.TextButton:focus,
.PrimaryButton:hover,
.TextButton:hover,
.PrimaryButton:active,
.TextButton: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,
.PrimaryButton[disabled]:focus,
.TextButton[disabled]:focus,
.PrimaryButton[disabled]:hover,
.TextButton[disabled]:hover,
.PrimaryButton[disabled]:active,
.TextButton[disabled]:active {
  background: transparent;
  color: #00bbd6;
  overflow: overlay;
  background: #ffffff;
  box-shadow: 0px 0px 0 2px #00bbd6;
}

/**** color buttons START ****/
body.Blue a.button,
body.Blue a.Button {
  background: #00bbd6;
}

body.Blue a.button:hover,
body.Blue a.Button:hover {
  color: #00bbd6;
  background: #ffffff;
  box-shadow: 0px 0px 0 2px #00bbd6;
}

body.Green a.button,
body.Green a.Button {
  background: #abd037;
}

body.Green a.button:hover,
body.Green a.Button:hover {
  color: #abd037;
  background: #ffffff;
  box-shadow: 0px 0px 0 2px #abd037;
}

body.Yellow a.button,
body.Yellow a.Button {
  background: #f1ae22;
}

body.Yellow a.button:hover,
body.Yellow a.Button:hover {
  color: #f1ae22;
  background: #ffffff;
  box-shadow: 0px 0px 0 2px #f1ae22;
}

body.Navy a.button,
body.Navy a.Button {
  background: #002842;
}

body.Navy a.button:hover,
body.Navy a.Button:hover {
  color: #002842;
  background: #ffffff;
  box-shadow: 0px 0px 0 2px #002842;
}

body div[id*="_Panel_"] a.Blue.button,
body div[id*="_Panel_"] a.Blue.Button {
  background: #00bbd6;
  color: #ffffff !important;
}

body div[id*="_Panel_"] a.Blue.button:hover,
body div[id*="_Panel_"] a.Blue.Button:hover {
  background: #ffffff;
  color: #00bbd6 !important;
  box-shadow: 0px 0px 0 2px #00bbd6;
}

body div[id*="_Panel_"] a.Green.button,
body div[id*="_Panel_"] a.Green.Button {
  background: #abd037;
  color: #fff !important;
}

body div[id*="_Panel_"] a.Green.button:hover,
body div[id*="_Panel_"] a.Green.Button:hover {
  background: #ffffff;
  color: #abd037 !important;
  box-shadow: 0px 0px 0 2px #abd037;
}

body div[id*="_Panel_"] a.Yellow.button,
body div[id*="_Panel_"] a.Yellow.Button {
  background: #f1ae22;
  color: #fff !important;
}

body div[id*="_Panel_"] a.Yellow.button:hover,
body div[id*="_Panel_"] a.Yellow.Button:hover {
  background: #ffffff;
  color: #f1ae22 !important;
  box-shadow: 0px 0px 0 2px #f1ae22;
}

body div[id*="_Panel_"] a.Navy.button,
body div[id*="_Panel_"] a.Navy.Button {
  background: #002842;
  color: #fff !important;
}

body div[id*="_Panel_"] a.Navy.button:hover,
body div[id*="_Panel_"] a.Navy.Button:hover {
  background: #ffffff;
  color: #002842 !important;
  box-shadow: 0px 0px 0 2px #002842;
}

body a.Blue.button,
body a.Blue.Button {
  background: #00bbd6;
  color: #ffffff !important;
}

body a.Blue.button:hover,
body a.Blue.Button:hover {
  background: #ffffff;
  color: #00bbd6 !important;
  box-shadow: 0px 0px 0 2px #00bbd6;
}

body a.Green.button,
body a.Green.Button {
  background: #abd037;
  color: #fff !important;
}

body a.Green.button:hover,
body a.Green.Button:hover {
  background: #ffffff;
  color: #abd037 !important;
  box-shadow: 0px 0px 0 2px #abd037;
}

body a.Yellow.button,
body a.Yellow.Button {
  background: #f1ae22;
  color: #fff !important;
}

body a.Yellow.button:hover,
body a.Yellow.Button:hover {
  background: #ffffff;
  color: #f1ae22 !important;
  box-shadow: 0px 0px 0 2px #f1ae22;
}

body a.Navy.button,
body a.Navy.Button {
  background: #002842;
  color: #fff !important;
}

body a.Navy.button:hover,
body a.Navy.Button:hover {
  background: #ffffff;
  color: #002842 !important;
  box-shadow: 0px 0px 0 2px #002842;
}

/**** color buttons END ****/
body a.Disabled.Button {
  border: 2px solid grey;
  background: white;
  color: grey;
  opacity: 0.4;
  pointer-events: none;
  cursor: pointer;
}

.col-primary > div > div > div > .row.blue-row.full-row a.Button {
  color: #00bbd6;
  background: #fff;
}

.col-primary > div > div > div > .row.green-row.full-row a.Button {
  color: #abd037;
  background: #fff;
}

.col-primary > div > div > div > .row.yellow-row.full-row a.Button {
  color: #f1ae22;
  background: #fff;
}

.col-primary > div > div > div > .row.navy-row.full-row a.Button {
  color: #002842;
  background: #fff;
}

.col-primary > div > div > div > .row.blue-row.full-row a.Button:hover,
.col-primary > div > div > div > .row.green-row.full-row a.Button:hover,
.col-primary > div > div > div > .row.yellow-row.full-row a.Button:hover,
.col-primary > div > div > div > .row.navy-row.full-row a.Button:hover {
  background: transparent;
  color: #fff;
  box-shadow: 0px 0px 0 2px #fff;
}