/****************************************/
/****************************************/
/** Australian Association of Gerontology **/
/*
 * 
 *  Author: CAUSEIS PTY LTD 
 * 
 *  Version: 1 -   
 *
 * 
 *  Document contains changes to Buttons
 *
 *
*/
/****************************************/
/****************************************/ 
a.button, a.Button {
    padding: 1.4rem 2.2rem;
    text-decoration: none;
    font-family: 'Museo Slab' !important;
    font-weight: 400;
    font-size: 1.8rem;
    background: #EF4136;
    background: linear-gradient(to right, rgba(239,65,54,1), rgba(239,65,54,1), rgba(239,65,54,1), rgba(155,28,30,1));
    background-position: 1% 50%;
    background-size: 300% 300%;
    border-radius: .7rem;
    color: #fff;
    transition: .3s ease-in-out all;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
}

a.button:hover, a.Button:hover {
  background-position: 99% 50%;
}

a[class*="ed"][class*="utton"] {
    background: linear-gradient(to right, rgba(239,65,54,1), rgba(239,65,54,1), rgba(239,65,54,1), rgba(155,28,30,1));
  background-position: 1% 50%;
  background-size: 300% 300%;
}

a[class*="ed"][class*="utton"]:hover {
    background-position: 99% 50%;
}

a[class*="reen"][class*="utton"] {
    background: linear-gradient(to right, rgba(0,168,75,1), rgba(0,168,75,1), rgba(206,217,81,1), rgba(0,168,75,1));
  background-position: 1% 50%;
  background-size: 300% 300%;
}

a[class*="reen"][class*="utton"]:hover {
    background-position: 99% 50%;
}

a[class*="lue"][class*="utton"] {
    background: linear-gradient(to right, rgba(42,58,118,1), rgba(42,58,118,1), rgba(184,229,249,1), rgba(42,58,118,1));
  background-position: 1% 50%;
  background-size: 300% 300%;
}

a[class*="lue"][class*="utton"]:hover {
    background-position: 99% 50%;
}

a[class*="isabled"][class*="utton"] {
    background: grey;
    opacity: .8;
  pointer-events: none;
}

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

.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.4rem 2.2rem;
    text-decoration: none;
    font-family: 'Museo Slab' !important;
    font-weight: 400;
    font-size: 1.8rem;
    background: #EF4136;
    background: linear-gradient(to right, rgba(239,65,54,1), rgba(239,65,54,1), rgba(239,65,54,1), rgba(155,28,30,1));
    background-position: 1% 50%;
    background-size: 300% 300%;
    border-radius: .7rem;
    color: #fff;
    transition: .3s ease-in-out all;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
  border: none !important;
  box-shadow: none !important;
}

.PrimaryButton:active, .SaveAndClose:active, .SaveAs:active, .UsePrimaryButton .TextButton:active, .UsePrimaryButton .TextButtonWithImage:active, #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 {
    padding: 1.4rem 2.2rem;
    text-decoration: none;
    font-family: 'Museo Slab' !important;
    font-weight: 400;
    font-size: 1.8rem;
    background: #EF4136;
    background: linear-gradient(to right, rgba(239,65,54,1), rgba(239,65,54,1), rgba(239,65,54,1), rgba(155,28,30,1));
    background-position: 1% 50%;
    background-size: 300% 300%;
    border-radius: .7rem;
    color: #fff;
    transition: .3s ease-in-out all;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
  border: none !important;
  box-shadow: none !important;
}

.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.4rem 2.2rem;
    text-decoration: none;
    font-family: 'Museo Slab' !important;
    font-weight: 400;
    font-size: 1.8rem;
    background: #EF4136;
    background: linear-gradient(to right, rgba(239,65,54,1), rgba(239,65,54,1), rgba(239,65,54,1), rgba(155,28,30,1));
    background-position: 1% 50%;
    background-size: 300% 300%;
    border-radius: .7rem;
    color: #fff;
    transition: .3s ease-in-out all;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
  border: none !important;
  box-shadow: none !important;
}

.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 {
    padding: 1.4rem 2.2rem;
    text-decoration: none;
    font-family: 'Museo Slab' !important;
    font-weight: 400;
    font-size: 1.8rem;
    background: #EF4136;
    background: linear-gradient(to right, rgba(239,65,54,1), rgba(239,65,54,1), rgba(239,65,54,1), rgba(155,28,30,1));
    background-position: 1% 50%;
    background-size: 300% 300%;
    border-radius: .7rem;
    color: #fff;
    transition: .3s ease-in-out all;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
  border: none !important;
  box-shadow: none !important;
}

.PrimaryButton:hover, .SaveAndClose:hover, .SaveAs:hover, .UsePrimaryButton .TextButton:hover, .UsePrimaryButton .TextButtonWithImage:hover, #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-position: 99% 50%;
    border: none !important;
}

.PrimaryButton:active:hover, .SaveAndClose:active:hover, .SaveAs:active:hover, .UsePrimaryButton .TextButton:active:hover, .UsePrimaryButton .TextButtonWithImage:active:hover, #masterHeaderActionArea a:active:hover, .RadGrid input.PrimaryButton:active:hover, .btn:active:hover, .TextButton:active:hover, .TextButtonWithImage:active:hover, .ruButton:active:hover, #masterHeaderActionArea a:active:hover, .RadGrid input.TextButton:active:hover, html input[type="button"]:active:hover {
   background-position: 99% 50%;
    border: none !important;
}

.PrimaryButton:focus:hover, .SaveAndClose:focus:hover, .SaveAs:focus:hover, .UsePrimaryButton .TextButton:focus:hover, .UsePrimaryButton .TextButtonWithImage:focus:hover, #masterHeaderActionArea a:focus:hover, .RadGrid input.PrimaryButton:focus:hover, .btn:focus:hover, .TextButton:focus:hover, .TextButtonWithImage:focus:hover, .ruButton:focus:hover, #masterHeaderActionArea a:focus:hover, .RadGrid input.TextButton:focus:hover, html input[type="button"]:focus:hover {
   background-position: 99% 50%;
    border: none !important;
}

.PrimaryButton:visited:hover, .SaveAndClose:visited:hover, .SaveAs:visited:hover, .UsePrimaryButton .TextButton:visited:hover, .UsePrimaryButton .TextButtonWithImage:visited:hover, #masterHeaderActionArea a:visited:hover, .RadGrid input.PrimaryButton:visited:hover, .btn:visited:hover, .TextButton:visited:hover, .TextButtonWithImage:visited:hover, .ruButton:visited:hover, #masterHeaderActionArea a:visited:hover, .RadGrid input.TextButton:visited:hover, html input[type="button"]:visited:hover {
   background-position: 99% 50%;
    border: none !important;
}

[class*="utton"][disabled] {
    background: #EF4136 !important;
}

input[disabled]:not(div#MainPanel .PanelField.Top .PanelFieldValue input) {
    background: #EF4136 !important;
}