/****************************************/
/****************************************/
/** 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;
}