.btn {
    background-color: #f5f5f5;
    color: #333333;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    line-height: 20px;
    margin-bottom: 0;
    *margin-left: .3em;
    padding: 4px 12px;
    text-align: center;
    vertical-align: middle;
    /* IE7 inline-block hack */
    border-style: none;

    *zoom: 1;
}

.btn:hover,
.btn:active,
.btn.active,
.btn.disabled,
.btn[disabled] {
    background-color: #e6e6e6;
    color: #333333;
}

.btn-next-to-label { margin-top: 6px; }

.button-container {
    margin-bottom: 15px;
    margin-top: 15px;
}

.btn:active,
.btn.active { background-color: #cccccc \9; }

.btn:first-child { *margin-left: 0; }

.btn:hover {
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    -webkit-transition: background-position 0.1s linear;
    background-position: 0 -15px;
    color: #333333;
    text-decoration: none;
    transition: background-position 0.1s linear;
}

.btn:focus {
    /* outline: thin dotted #333; */
    /* outline: 5px auto -webkit-focus-ring-color; */
    /* outline: 1px solid var(--c_box_border); */
    outline: none;
    /* outline-offset: -2px; */
}

.btn.active,
.btn:active {
    background-image: none;
    outline: 0;
}

.btn.disabled,
.btn[disabled] {
    background-image: none;
    cursor: default;
    filter: alpha(opacity=65);
    opacity: 0.65;
}

.btn-large {
    font-size: 17.5px;
    padding: 11px 19px;
}

.btn-large [class^="icon-"],
.btn-large [class*=" icon-"] { margin-top: 4px; }

.btn-small {
    font-size: 11.9px;
    padding: 2px 10px;
}

.btn-small [class^="icon-"],
.btn-small [class*=" icon-"] { margin-top: 0; }

.btn-mini [class^="icon-"],
.btn-mini [class*=" icon-"] { margin-top: -1px; }

.btn-mini {
    font-size: 10.5px;
    padding: 0 6px;
}

.btn-block {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    padding-left: 0;
    padding-right: 0;
    width: 100%;
}

.btn-block + .btn-block { margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block { width: 100%; }

.btn-primary.active,
.btn-warning.active,
.btn-secondary.active,
.btn-danger.active,
.btn-success.active,
.btn-info.active,
.btn-inverse.active { color: rgba(255, 255, 255, 0.75); }

.btn {
    border-color: #c5c5c5;
}

.btn-primary {
    background-color: var(--c_button_primary_background) !important;
    color: #ffffff;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
    background-color: var(--c_button_primary_hover_background) !important;
    color: #ffffff;
}

.btn-primary:active,
.btn-primary.active {
     background-color: #002a80;    
     color: #ffffff;
}

.btn-warning {
    background-color: var(--c_button_warning_background) !important;
    color: #ffffff;
}

.btn-warning:hover,
.btn-warning.disabled,
.btn-warning[disabled] {
    background-color: var(--c_button_warning_hover_background);
    color: #ffffff;
}

.btn-warning:active,
.btn-warning.active {
    background-color: #ae6703 !important;
    color: #ffffff;
    border: 1px solid var(--c_box_border) !important;
}

.btn-secondary{
    background-color: #89888c;
    color: #ffffff;
}

.btn-secondary:hover,
.btn-secondary.disabled,
.btn-secondary[disabled] {
    background-color: #6a696b;
    color: #ffffff;
}

.btn-secondary:active,
.btn-secondary.active {
     background-color: #6a696b;
      color: #ffffff;
}
.btn-danger {
    background-color: #da4f49;
    color: #ffffff;
}

.btn-danger:hover,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
    background-color: #bd362f;
    color: #ffffff;
}

.btn-danger:active,
.btn-danger.active { background-color: #942a25 \9; }

.btn-success {
    background-color: #5bb75b;
    color: #ffffff;
}

.btn-success:hover,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
    background-color: #468d46;
    color: #ffffff;
}

.btn-success:active,
.btn-success.active { background-color: #468d46 \9; }

.btn-info {
    background-color: #49afcd;
    color: #ffffff;
}

.btn-info:hover,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
    background-color: #2f96b4;
    color: #ffffff;
}

.btn-info:active,
.btn-info.active { background-color: #24748c \9; }

.btn-inverse {
    background-color: #363636;
    color: #ffffff;
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
    background-color: #222222;
    color: #ffffff;
}

.btn-inverse:active,
.btn-inverse.active { background-color: #080808 \9; }

button.btn,
input[type="submit"].btn {
    *padding-bottom: 3px;
    *padding-top: 3px;
}

button.btn::-moz-focus-inner,
input[type="submit"].btn::-moz-focus-inner {
    border: 0;
    padding: 0;
}

button.btn.btn-large,
input[type="submit"].btn.btn-large {
    *padding-bottom: 7px;
    *padding-top: 7px;
}

button.btn.btn-small,
input[type="submit"].btn.btn-small {
    *padding-bottom: 3px;
    *padding-top: 3px;
}

button.btn.btn-mini,
input[type="submit"].btn.btn-mini {
    *padding-bottom: 1px;
    *padding-top: 1px;
}

.btn-link,
.btn-link:active,
.btn-link[disabled] {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background-color: transparent;
    background-image: none;
    box-shadow: none;
}

.btn-link {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-color: transparent;
    border-radius: 0;
    color: #0088cc;
    cursor: pointer;
}

.btn-link:hover {
    background-color: transparent;
    color: #005580;
    text-decoration: underline;
}

.btn-link[disabled]:hover {
    color: #333333;
    text-decoration: none;
}