/*legacy*/

.button, .ui-dialog-buttonpane button {
    /*default*/
    display: inline-block;
    font-family: proximasoft-regular;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    border-radius: 0;
    cursor: pointer;
    text-shadow: none;
    padding: 10px 15px;
    margin: 0px;
    text-decoration: none;
}

/* dialog */
/*
    Apply as dialog class from jquery plugin. Example:
    dialogClass: 'albany-dialog albany-dialog--buttons-centered',
*/
.albany-dialog {
}

.albany-dialog--buttons-centered .ui-dialog-buttonset {
    text-align: center;
    float: none;
}

/* btn */
.albany-btn {
    /*default*/
    display: inline-block;
    font-family: proximasoft-regular;
    font-weight: normal;
    font-size: 14px;
    line-height: 16px;
    border-radius: 0;
    cursor: pointer;
    text-shadow: none;
    padding: 10px 15px;
    margin: 0px;
    text-decoration: none;
}

/* size: small */
.albany-btn--small {
    padding: 5px 10px;
}

/* size: large */
.albany-btn--large {
    padding: 15px 20px;
}

/* color: action-call */
.albany-btn--action-call, .albany-btn--action-call:visited, .ui-dialog-buttonpane button.saveButton, .ui-dialog-buttonpane button.saveButton:visited {
    /* 80% saturation, 80% brightness */
    border: 2px solid #ca5f44;
    background: #ca5f44;
    color: white;
}

    .albany-btn--action-call:hover, .ui-dialog-buttonpane button.saveButton:hover {
        /* 50% saturation, 80% brightness */
        border: 2px solid #b26e5b;
        background: #b26e5b;
        color: white;
    }

    .albany-btn--action-call:active, .ui-dialog-buttonpane button.saveButton:active {
        /* 100% saturation, 60% brightness */
        border: 2px solid #c2492f;
        background: #c2492f;
        color: white;
    }

    .albany-btn--action-call:focus, .ui-dialog-buttonpane button.saveButton:focus {
        /* border, 60% brightness */
        border: 2px solid #F15B3B;
        background: #c2492f;
        color: white;
    }

    .albany-btn--action-call:disabled, .ui-dialog-buttonpane button.saveButton:disabled {
        /* 50% saturation, 90% brightness */
        border: 2px solid #bd7460;
        background: #bd7460;
        color: white;
    }

    .albany-btn--action-call + ul a:hover {
        /* 50% saturation, 80% brightness */
        background: #ca5f44;
        color: white;
    }

/* color: white-secondary */
.albany-btn--white-secondary, .ui-dialog-buttonpane button.cancelButton {
    background: white;
    border: 2px solid #2270CC;
    color: #2270CC;
}

    .albany-btn--white-secondary:hover, .ui-dialog-buttonpane button.cancelButton:hover {
        /* 50% saturation , 80% brightness*/
        background: white;
        border: 2px solid #51648e;
        color: #51648e;
    }

    .albany-btn--white-secondary:active, .ui-dialog-buttonpane button.cancelButton:active {
        /* 100% saturation, 60% brightness */
        border: 2px solid #1b5aa4;
        background: white;
        color: #1b5aa4;
    }

    .albany-btn--white-secondary:focus, .ui-dialog-buttonpane button.cancelButton:focus {
        /* border, 60% brightness */
        border: 2px solid #164884;
        background: white;
        color: #1b5aa4;
    }

    .albany-btn--white-secondary:disabled, .ui-dialog-buttonpane button.cancelButton:disabled {
        /* 50% saturation, 90% brightness */
        border: 2px solid #566a96;
        background: white;
        color: #566a96;
    }

.albany-btn--white-grey-secondary {
    background: white;
    color: black !important;
    border: 2px solid grey;
    cursor: pointer;
    display: inline-block;
    padding: 10px 15px;
    margin-left: 5px;
    font-size: 14px;
    height: 16px;
    width: 105px;
}

.albany-btn--primary {
    /* 80%  saturation, 80% brightness */
    border: 2px solid #7CC142;
    background: #7CC142;
    color: white
}

    .albany-btn--primary:hover {
        /* 50% saturation, 80% brightness */
        border: 2px solid #8aa770;
        background: #8aa770;
        color: white;
    }

    .albany-btn--primary:active {
        /* 100% saturation, 60% brightness */
        border: 2px solid #649b35;
        background: #649b35;
        color: white;
    }

    .albany-btn--primary:focus {
        /* border, 60% brightness */
        border: 2px solid #649b35;
        background: #7cc142;
        color: white;
    }

    .albany-btn--primary:disabled {
        /* 50% saturation, 90% brightness */
        border: 2px solid #9ebc82;
        background: #9ebc82;
        color: white;
    }

    .albany-btn--primary + ul a:hover {
        /* 50% saturation, 80% brightness */
        border: 2px solid #8aa770;
        background: #8aa770;
        color: white;
    }


.albany-btn--blue-secondary {
    /* 80% sat, 80% bright, normal */
    border: 2px solid #2270cc;
    background: #2270cc;
    color: white;
}

    .albany-btn--blue-secondary:hover {
        /* 50% sat, 80% bright, hover */
        border: 2px solid #4c6faf;
        background: #4c6faf;
        color: white;
    }

    .albany-btn--blue-secondary:active {
        /* 100% sat, 60% bright, active */
        border: 2px solid #0071df;
        background: #0071df;
        color: white;
    }

    .albany-btn--blue-secondary:focus {
        /* border 60% bright, focus */
        border: 2px solid #1f65b8;
        background: #2270cc;
        color: white;
    }

    .albany-btn--blue-secondary:disabled {
        /* 50% saturation, 90% brightness */
        border: 2px solid #5476b3;
        background: #5476b3;
        color: #999;
    }

    .albany-btn--blue-secondary + ul a:hover {
        border: 2px solid #4c6faf;
        background: #4c6faf;
        color: white;
    }


    /**/