.button-base {
    cursor: pointer !important;
    font-size: 10pt !important;
    font-weight: bold !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.button-primary {
    color: #FFFFFF !important;
    background: #76C156 !important;
    border: 1px solid #76C156;
}

.button-primary:hover {
    background: #528F38 !important;
}

.button-dismissive {
    color: #FFFFFF !important;
    background: #A59D95 !important;
    border: 1px solid #A59D95;
}

.button-dismissive:hover {
    background: #7C766F !important;
}

.button-destructive {
    color: #FFFFFF !important;
    background: #DD0000 !important;
    border: 1px solid #DD0000;
}

.button-destructive:hover:enabled {
    background: #AA0000 !important;
}

.button-ternary {
    color: black !important;
    background: #DDDDDD !important;
    border: 1px solid #A59D95 !important;
}

.button-ternary:hover {
    background: #CCCCCC !important;
}

.button-secondary {
    color: #FFFFFF !important;
    background: #FF9933 !important;
    border: 1px solid #FF9933;
}

.button-secondary:hover {
    background: #C67627 !important;
}

.button-label {
    background-color: #FF000000 !important;
    border: none;
    color: black;
    cursor: text;
}

.button-xxsmall {
    height: 25pt;
    width: 25pt;
    margin: 5pt;
}

.button-xsmall {
    height: 25pt;
    width: 50pt;
    margin: 5pt;
}

.button-small {
    height: 25pt;
    width: 75pt;
    margin: 5pt;
}

.button-medium {
    height: 25pt;
    width: 100pt;
    margin: 5pt;
}

.button-large {
    height: 25pt;
    width: 125pt;
    margin: 5pt;
}

.button-xlarge {
    height: 25pt;
    width: 150pt;
    margin: 5pt;
}

/*
    'button-temp-ion' was added to piggy-back on 'button-inline' to allow the style to be applied for Ion UI updates,
    and in the future quickly remove all instances of this class across the repo when button-small/medium/large updates are finalized
*/
.button-temp-ion,
.button-inline {
    padding-top: 3px;
    padding-bottom: 3px;
    height: auto;
}

.button-fieldline {
    height: auto !important;
    margin: 0 !important;
}

.button-dropdown {
    background: #FFFFFF;
    color: #76c156;
    font-weight: 600;
    text-align: left;
    border: 1px solid black;
    padding: 3px;
    z-index: 9999;
}

.button-dropdown ul {
    list-style-type: none;
    padding: 2px;
    margin: 0px;
}

.button-dropdown li {
    padding: 2px 2px 2px 2px;
    font-size: 10pt;
    border: solid #76c156 1px;
    border-bottom: none;
    text-align: center;
}

.button-dropdown li:last-child {
  border: solid #76c156 1px;
}

.button-dropdown-options {
    visibility: hidden;
    width: 150px;
}

.button-dropdown-options ul li {
    cursor: pointer;
}

.button-dropdown-options ul li:hover {
    background-color: #76c156;
    color: #ffffff;
}

.button-disabled {
    color: #808080 !important;
    background: #FFFFFF !important;
    border: 1px solid #c0c0c0;
}

/** moves jquery dialog buttons to the left side */
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    float: left;
    margin-left: 10px;
}

.sc-popup-button-container-align-right {
    float: right;
    display: inline-block;
    text-align: right;
}

/** Container Row for buttons on top of screen, stays on screen when scrolled **/
.top-buttons-container {
    width: 100%;
    background-color: white;
    position: fixed;
    z-index: 999;
    top: 0px;
}
/** Content below buttons **/
.below-buttons-container {
    position: relative;
    top: 55px;
    height: calc(100% - 55px);
}

.expand-shrink-button-icon {
    padding-left: 10px;
    padding-right: 10px;
}

.button-icon-small {
    vertical-align: middle;

    height: 33px;
    width: 33px;

    border: none;
    background: transparent;
}

.button-with-icon {
    display: inline-flex;
    align-items: center;
}

.button-with-icon img {
    height:25px;
    padding-right: 10px;
}

.ui-dialog-buttonset {
    float: left !important;
}

.beside-input-icon {
    height: 15px;
    vertical-align:middle;
}