/* ------------------------------------------------------------ *\
    Buttons
\* ------------------------------------------------------------ */
button, .button, .btn {
    display: inline-block;
    border: none;
    cursor: pointer;
    padding: 0 20px;
    font-size: 13px;
    line-height: 40px;
    font-weight: 700;

    -webkit-transition: .25s;
    -moz-transition: .25s;
    -ms-transition: .25s;
    -o-transition: .25s;
    transition: .25s;
}
.btn {
    padding: 0 20px !important;
    line-height: 50px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}
.form-input > p > button,
.form-input > p > .button {
    line-height: 20px;
}
.button > span {
    font-size: 11px;
    line-height: 40px;
}
.button > span[class*="icon"] {
    margin-right: 10px;
}

button, .button{
    border: none;
    cursor: pointer;
    padding: 0 20px;
}

button.right,
.button.right{
    margin: 0 0 0 10px;
}

button.left,
.button.left{
    margin: 0 10px 0 0;
}
/* btn sizes */
.button-large {
    line-height: 50px;
}
.button-large > span {
    font-size: 14px;
    line-height: 50px;
}
.button-xl {
    width: 100%;
    font-size: 15px;
    line-height: 60px;
}
.button-xl > span {
    font-size: 15px;
    line-height: 60px;
}

/* btn colors */
button,
.button,
.button-ok,
.button-edit {
    color: #ffffff;
    background-color: #2ab5f7;
}
button:hover, button:focus,
.button:hover, .button:focus,
.btn:hover, .btn:focus,
.button-edit:hover, .button-edit:focus {
    background-color: #3570db;
}
.button-dark-blue,
.button-login, .btn,
button[type="submit"],
#applicationFilter_submit,
#application_save {
    color: #ffffff;
    background-color: #3570db !important;
    box-shadow: none;
}
.btn-grey {
    background: #f2f2f2 !important;
}
.btn:hover, .btn:focus,
button[type="submit"]:hover, button[type="submit"]:focus,
.button-dark-blue:hover, .button-dark-blue:focus,
.button-login:hover, .button-login:focus {
    background-color: #2ab5f7 !important;
}

/*button[type="submit"]:not(.button-login):not(#applicationFilter_submit):not(.button-dark-blue):not([name*="Referer"]) {
    background-color: #2ab5f7;
}
button[type="submit"]:hover:not(.button-login):not(#applicationFilter_submit):not(.button-dark-blue):not([name*="Referer"]) {
    background-color: #77cc66;
}*/


.button-cancel {
    background-color: transparent;
    font-weight: 400;
    color: #999999;
}
.button-cancel:hover, .button-cancel:focus {
    background-color: transparent;
    color: #2ab5f7;
}

.button-polite {
    background-color: transparent;
    color: #2ab5f7;
    font-weight: 400;
}
.button-polite:hover, .button-polite:focus {
    background-color: transparent;
    color: #77cc66;
}


.button-delete {
    color: #ffffff;
    background-color: #e63428;
}
.button-delete > span[class*="icon"] {
    margin-right: 2px;
}

.button-add {
    color: #ffffff;
    background-color: #181818;
}
.button-add:hover, .button-add:focus {
    color: #181818;
    background-color: #e3e3e3;
}

.contains-delete-button button {
    color: #ffffff !important;
    background-color: #e63428 !important;
}
.button-neutral, .button-create {
    background-color: #a3b1bf;
}
.button-ok:hover, .button-ok:focus,
.button-delete:hover, .button-delete:focus,
#applicationFilter_submit:hover, #applicationFilter_submit:focus {
    background-color: #77cc66;
}

.contains-delete-button button:hover, .contains-delete-button button:focus {
    background-color: #77cc66 !important;
}
#show-filter-button {
    background-color: #2ab5f7;
}
#show-filter-button:hover, #show-filter-button:focus {
    background-color: #f2f2f2;
    color: #151515;
}
.section-individuals .section-group-callout .btn {
    padding: 0 20px;
}
.btn:hover, .btn:focus,
#application_save:hover, #application_save:focus {
    background: #2954a3 !important;
}

button + button,
button + .button,
.button + button,
.button + .button {
    margin-left: 10px;
}

/* shy button */

.button-shy {
    padding: 0;
    background: transparent;
    color: #999999;
    font-size: 11px;
    font-weight: normal;
    line-height: 20px;
}
.button-shy + .button-shy {
    margin-left: 0;
}
.button-shy:hover, .button-shy:focus,
.shy-edit:hover, .shy-edit:focus {
    background: transparent;
    color: #2ab5f7;
}
.shy-cancel:hover, .shy-cancel:focus,
.shy-delete:hover, .shy-delete:focus {
    color: #e65c5c;
}
.shy-update {
    color: #77cc66;
}

/* bordered button */
.button-bordered {
    background: #ffffff;
    color: #181818;
    border: 3px solid #3570db;
    letter-spacing: 0 !important;
}
.button-bordered:hover {
    color: #ffffff !important;
    background-color: #3570db !important;
}


/* disabled */
a[disabled], a.disabled, a[disabled]:focus, a.disabled:focus,
button[disabled], button.disabled, button[disabled]:focus, button.disabled:focus {
    background-color: #e3e3e3 !important;
    color: #fff !important;
    cursor: default !important;
}
a[disabled]:hover, a.disabled:hover, button[disabled]:hover, button.disabled:hover {
    background-color: #cccccc !important;
    color: #fff !important;
}
input[type="submit"]:disabled, button[type="submit"]:disabled {
    cursor: default !important;
}