/****************************************/
/****************************************/
/** Recruitment, Consulting and Staffing Association **/
/*
 * 
 *  Author: CAUSEIS PTY LTD
 * 
 *  Version: 1 -   
 *
 * 
 *  Document contains changes to Buttons
 *
 *
*/
/****************************************/
/****************************************/
a.button, a.Button {
    padding: 0.8rem 4rem;
    color: #fff;
    text-decoration: none;
    background: #2cace3;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 0.1rem 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;
    margin: 0.2rem;
}

 a.button:hover, a.Button:hover {
    background: transparent;
    color: #2cace3;
    overflow: overlay;
    background: #ffffff;
    box-shadow: 0.0rem 0.0rem 0 0.1rem #2cace3;
}

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

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

a.dark, a.Dark {
    background: #1b2a35;
    color: #2cace3;
}

a.dark:hover, a.Dark:hover {
    background: transparent;
    color: #2cace3;
    overflow: overlay;
    background: #ffffff;
    box-shadow: 0.0rem 0.0rem 0 0.1rem #1b2a35;
}

a.white, a.White {
    background: #fff;
    color: #2cace3;
    box-shadow: 0.2rem 0.3rem 2rem 0 rgb(0 0 0 / 11%);
}

a.white:hover, a.White:hover {
    box-shadow: 0.0rem 0.0rem 0 0.1rem #2cace3;
}

.accordion a.button, .accordion a.Button {
    padding: 0.8rem 3.5rem !important;
    margin: 0 2rem 2rem 2rem;
}

.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: 0.8rem 4rem;
    color: #fff;
    text-decoration: none;
    background: #2cace3;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 0.1rem 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;
    margin: 0.2rem;
    border-radius: 0;
    border: none;
font-size: 1.6rem;}

.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: transparent;
    color: #2cace3;
    overflow: overlay;
    background: #ffffff;
    box-shadow: 0.0rem 0.0rem 0 0.1rem #2cace3;
}

.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: 0.8rem 4rem;
    color: #fff;
    text-decoration: none;
    background: #2cace3;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 0.1rem 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;
    margin: 0.2rem;
    border-radius: 0;
    border: none;
}

.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: 0.8rem 4rem;
    color: #fff;
    text-decoration: none;
    background: #2cace3;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 0.1rem 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;
    margin: 0.2rem;
    border-radius: 0;
    border: none;
}

.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: 0.8rem 4rem;
    color: #fff;
    text-decoration: none;
    background: #2cace3;
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 0.1rem 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;
    margin: 0.2rem;
    border-radius: 0;
    border: none;
}

.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: transparent;
    color: #2cace3;
    overflow: overlay;
    background: #ffffff;
    box-shadow: 0.0rem 0.0rem 0 0.1rem #2cace3;
}

.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: transparent;
    color: #2cace3;
    overflow: overlay;
    background: #ffffff;
    box-shadow: 0.0rem 0.0rem 0 0.1rem #2cace3;
}

.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: transparent;
    color: #2cace3;
    overflow: overlay;
    background: #ffffff;
    box-shadow: 0.0rem 0.0rem 0 0.1rem #2cace3;
}

[class*="utton"][disabled],
input[disabled] {
    background: #2cace3 !important;
}

div.row.blue-row div[id*="_Panel_"] a[class*='utton'] {
    background: #fff;
    color: #2cace3;
}

div.row.dark-row div[id*="_Panel_"] a[class*='utton'] {
    background: #fff;
    color: #2cace3;
}

div.row.blue-row div[id*="_Panel_"] a[class*='utton']:hover  {
    background: transparent;
    color: #fff;
    overflow: overlay;
    box-shadow: 0.0rem 0.0rem 0 0.1rem #fff;
}

div.row.dark-row div[id*="_Panel_"] a[class*='utton']:hover {
     background: transparent;
    color: #2cace3;
    overflow: overlay;
    box-shadow: 0.0rem 0.0rem 0 0.1rem #fff;
}