.primaryBtn,
.secondaryBtn,
.destructiveBtn {
    font-family: 'circular20', sans-serif;
}

input.SaveButton, .primaryBtn {
    background-color: var(--bg-btn-primary);
    border: 1px solid var(--bg-btn-primary);
    cursor: pointer;
    color: #ffffff;
    font-size: var(--text-font-primary) !important;
    border-radius: 5px;
    padding: var(--table-btn-padding);
    margin: 0;
    margin-right: 3px;
    height: 26px;
    font-weight: bold;
    line-height: normal;
}

input.SaveButton:focus, .primaryBtn:focus {
    background-color: var(--bg-btn-primary-focus);
    outline: 1px solid var(--white);
    outline-offset: -3px;
    border: 1px solid var(--bg-btn-primary);
}

input.SaveButton:hover, .primaryBtn:hover {
    background-color: var(--bg-btn-primary-hover);
}

input.SaveButtonDisabled {
    background: transparent url("../Images/Buttons/save_disabled.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 58px;
    height: 19px;
    border: none;
    margin: 0px 1px 5px 0px;
}

span.AddButton, input.AddButton, .secondaryBtn {
    background-color: var(--white) !important;
    outline: 2px solid var(--bg-btn-primary);
    border: 0;
    outline-offset: -2px;
    color: var(--bg-btn-primary) !important;
    font-size: var(--text-font-primary) !important;
    padding: var(--table-btn-padding);
    margin-right: 5px;
    border-radius: 5px;
    display: flex;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    height:26px;
    cursor: pointer;
}

span.AddButton:hover,
input.AddButton:hover,
.secondaryBtn:hover {
    background-color: var(--bg-btn-secondary-hover)!important;
}

span.AddButton:focus,
span.AddButton:active,
input.AddButton:focus,
input.AddButton:active,
.secondaryBtn:focus,
.secondaryBtn:active {
    outline: 1px solid var(--bg-btn-primary-hover)!important;
    outline-offset: -3px;
    border: 1px solid var(--bg-btn-primary-focus);
    padding: 5px 9px;
}

input.AddSingleButton {
    background: transparent url("../Images/Buttons/add_dropdown_left.gif") no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 51px;
    height: 19px;
    border: none;
    margin: 0px 0px 5px 0px;
}

input.AddMultipleButton {
    background: transparent url("../Images/Buttons/add_dropdown_right.gif") no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 18px;
    height: 19px;
    border: none;
    margin: 0px 1px 5px 0px;
}

input.DeleteButton, .destructiveBtn {
    background-color: var(--white) !important;
    outline: 2px solid var(--bg-destructive);
    border: 0;
    outline-offset: -2px;
    color: var(--bg-destructive) !important;
    font-size: var(--text-font-primary) !important;
    padding: var(--table-btn-padding);
    margin-right: 5px;
    border-radius: 5px;
    display: flex;
    font-weight: bold;
    align-items: center;
    justify-content: center;
    height: 26px;
    cursor: pointer;
}

input.DeleteButton:hover,
.destructiveBtn:hover {
    background-color: var(--bg-destructive-hover) !important;
}

.input.DeleteButton:focus,
.destructiveBtn:focus {
    background-color: var(--white);
    outline: 1px solid var(--bg-destructive);
    outline-offset: -3px;
    border: 1px solid var(--bg-destructive);
    color: var(--bg-destructive);
}

.destructiveBtnFill,
.input.DeleteButton:active,
.destructiveBtn:active {
    background-color: var(--bg-destructive) !important;
    color: var(--white) !important;
    outline: 0px !important;
    border: 0;
    outline-offset: -1px;
    cursor: pointer;
    font-size: var(--text-font-primary);
    border-radius: 5px;
    padding: var(--table-btn-padding);
    margin: 0;
    margin-right: 3px;
    font-weight: bold;
    line-height: normal;
}

.destructiveBtnFill:active {
    background-color: var(--bg-destructive-fill-active) !important;
}

.destructiveBtnFill:hover {
    background-color: var(--bg-destructive-fill-hover) !important;
}

.destructiveBtnFill:focus{
    background-color: var(--bg-destructive) !important;
    outline: 1px solid var(--white) !important;
    outline-offset: -3px;
    border: 1px solid var(--bg-btn-primary) !important;
    color: var(--white) !important;
}

input.SignIn {
    background: transparent url("../Images/Buttons/signin_.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 97px;
    height: 19px;
    border: none;
    margin: 0px 1px 5px 0px;
}

input.BackButton {
    background: transparent url("../Images/Buttons/back_.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 55px;
    height: 19px;
    border: none;
    margin: 0px 1px 5px 0px;
}

input.SmallForwardButton {
    background: transparent url("../Images/Buttons/forwardarrow.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 27px;
    height: 19px;
    margin: 0px 0px 0px 0px;
    border: 0px;
}

input.SmallBackButton {
    background: transparent url("../Images/Buttons/backarrow.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 27px;
    height: 19px;
    border: 0px;
    margin: 0px 0px 0px 0px;
}

input.SmallRefreshButton {
    background: transparent url("../Images/Buttons/refresh.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 27px;
    height: 19px;
    border: none;
    margin: 0px 0px 0px 0px;
}

input.RequestPasswordButton {
    background: transparent url("../Images/Buttons/requestpassword.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 103px;
    height: 19px;
    border: 0px;
    margin: 0px 0px 0px 0px;
}

input.CancelButton {
    background: transparent url("../Images/Buttons/cancel_.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 62px;
    height: 19px;
    border: none;
    margin: 0px 1px 5px 0px;
}

input.SendMessageButton {
    background: transparent url( "../Images/Buttons/sendmessage.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 94px;
    height: 19px;
    border: 0px;
    margin: 0px 0px 0px 0px;
}

input.CloseWindowButton {
    background: transparent url( "../Images/Buttons/closewindow.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 97px;
    height: 19px;
    border: 0px;
    margin: 0px 0px 0px 0px;
}

input.PostTimesheetButton {
    background: transparent url( "../Images/Buttons/posttimesheet.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 103px;
    height: 19px;
    border: 0px;
    margin: 0px 1px 5px 0px;
}

input.ClockNowButton {
    background: transparent url( "../Images/Buttons/clocknow.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 85px;
    height: 19px;
    border: 0px;
    margin: 0px 1px 5px 0px;
}

input.SumbitLeaveButton {
    background: transparent url( "../Images/Buttons/submitleave.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 92px;
    height: 19px;
    border: 0px;
    margin: 0px 1px 5px 0px;
}

input.WizardPreviousButton {
    background: transparent url( "../Images/Buttons/wizardprevious.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 52px;
    height: 19px;
    margin: 0px 1px 5px 0px;
    border: 0px;
}

input.WizardNextButton {
    background: transparent url( "../Images/Buttons/wizardnext.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 52px;
    height: 19px;
    margin: 0px 1px 5px 0px;
    border: 0px;
}

input.WizardPreviousButtonWithMargin {
    background: transparent url( "../Images/Buttons/wizardprevious.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 52px;
    height: 19px;
    margin: 0px 1px 5px 0px;
    border: 0px;
}

input.WizardNextButtonWithMargin {
    background: transparent url( "../Images/Buttons/wizardnext.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 52px;
    height: 19px;
    margin: 0px 1px 5px 0px;
    border: 0px;
}

input.YesButton {
    background: transparent url("../Images/Buttons/yes.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 56px;
    height: 19px;
    border: 0px;
    margin: 0px 1px 5px 0px;
}

input.NoButton {
    background: transparent url("../Images/Buttons/no.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 56px;
    height: 19px;
    border: 0px;
    margin: 0px 1px 5px 0px;
}

input.CommentsButton {
    background: transparent url("../Images/comments.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 16px;
    height: 16px;
    border: 0px;
    margin: 0px 0px 0px 0px;
}

input.DisabledCommentsButton {
    background: transparent url("../Images/comments_disabled.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 16px;
    height: 16px;
    border: 0px;
    margin: 0px 0px 0px 0px;
}

input.BlueCommentsButton {
    background: transparent url("../Images/comments_blue.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 16px;
    height: 16px;
    border: 0px;
    margin: 0px 0px 0px 0px;
}

input.BlueFilledCommentsButton {
    background: transparent url("../Images/comments_blue_filled.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 16px;
    height: 16px;
    border: 0px;
    margin: 0px 0px 0px 0px;
}

input.OKButton {
    background: transparent url("../Images/Buttons/ok.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 62px;
    height: 19px;
    border: none;
    margin: 0px 1px 5px 0px;
}

input.SwapShift {
    background: transparent url("../Images/Buttons/swapshift.gif" ) no-repeat;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 79px;
    height: 19px;
    border: 0px;
    margin: 0px 1px 5px 0px;
}

.flatButton {
    color: black;
    background-color: #e2e2e2;
    border: solid 1px #808080;
    padding: 3px 12px 3px 12px;
    box-sizing: content-box;
}

    .flatButton:hover {
        color: #882501;
        background-color: #ffe79c;
        border: solid 1px #808080;
        padding: 3px 12px 3px 12px;
        box-sizing: content-box;
    }

input.RetrievePayslipsButton {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(to bottom, #FFF, #CAD7E5);
    border: 2px solid #768DB2;
    border-radius: 8px;
    padding: 2px 8px;
    font-family: 'circular20', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: black;
    cursor: pointer;
    box-shadow: inset 0 1px #fff;
}

input.RetrievePayslipsButtonDisabled {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(to bottom, #FFF, #CAD7E5);
    border: 2px solid #768DB2;
    border-radius: 8px;
    padding: 2px 8px;
    font-family: 'circular20', sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: black;
    cursor: pointer;
    box-shadow: inset 0 1px #fff;
}

/*Rad button overwrites*/
.RadButton .rbDecorated {
    padding: 0 !important;
}

a.rmLink.menu-icons-add {
    color: black;
    padding: 5px;
    text-decoration: none;
    font-weight: normal;
    display: block;
}

a.rmLink.menu-icons-add:hover {
    text-decoration: none;
    background-color: var(--bg-btn-primary);
    color: var(--white);
}