.button, .buttonsmall {
    display: inline-block;
    zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
    *display: inline;
    vertical-align: baseline;
    margin: 0;
    outline: none;
    text-align: center;
    text-decoration: none;
    font: 16px/100% Arial, sans-serif;
    padding: 5px 15px;
    cursor: pointer;
    text-shadow: 0 1px 1px rgba(0,0,0,.3);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
    border: none;
    border-radius: 2px;
}

.buttonsmall {
    font-size: 13px;
    padding: 4px 9px;
}

.button:hover {
    text-decoration: none;
}
.button:active {
}

.button img {
    vertical-align: bottom;
    padding-right: 5px;
}


.button:disabled, .disabled {
    color: #efefef !important;
    border: 1px solid #bcbcbc !important;
    background: #c4c4c4 !important;
    box-shadow: none !important;
    cursor: default
}

/** NEEDED FOR DIALOG USAGE */
a.green.button {
    color: #e8f0de;
}

.green {
    color: #e8f0de;
    /*border: solid 1px #538312;*/
    background: #6b9d28;
}

.green:hover {
    background: #538018;
}

.green:active {
    color: #a9c08c;
}


a.red.button, a.red.buttonsmall {
    color: #f0dedf;
}

.red {
    color: #f0dedf;
    /*border: 1px solid #83121d; */
    background: #9d2833;
}

.red:hover {
    background: #801821;
}

.red:active {
    color: #c08c90
}





a.blue.button {
    color: #deeaf0;
}

.blue {
    color: #deeaf0;
    /*border: solid 1px #538312;*/
    background: #28789d;
}

.blue:hover {
    background: #185f80;
}

.blue:active {
    color: #8cafc0;
}

.button_bar {
    position: relative;
    text-align: right;
    padding: 0;
}

.button_bar .accept {
    font-weight: bold;
    border: 1px solid #18A918;
    background: #A6FEA6;
    margin-right: 0;
}

.button_bar .cancel {
    font-weight: bold;
    border: 1px solid #FF0000;
    background: #FFC0CB;
}

.button_bar a.cancel, .button_bar a.accept, .button_bar input.accept {
    padding: 7px;
    display: block-inline;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    color: #000;
    margin: 0 5px;

    zoom: 1;
    *display: inline;
}

.button_bar a.accept, .button_bar input.accept {
    margin-right: 0;
}

.add_note {
    background-color: lightblue;
    width:150px;
    height:40px;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}

/*Buttons */

.btn{
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    border:none;
    cursor: pointer;
    font-size: 100%;
    padding:.5em 1em;
    margin:2px;
}
.button-primary{
    background: #337ab7;
}
.button-info{
    background: rgb(66, 184, 221);
}
.button-success {
    background: rgb(28, 184, 65); /* this is a green */
}
.button-warning {
    background: rgb(223, 117, 20); /* this is an orange */
}
.button-error {
    background: rgb(202, 60, 60); /* this is a maroon */
}
.button-disabled {
    background: rgb(127 134 129); /* this is a gray */
}
.button-clear{
    background:transparent;
    border:none;
    padding:0;
}

/* Hover States */
.button-primary:hover{
    background: #2B6394;
}
.button-info:hover{
    background: rgb(58, 161, 194);
}
.button-success:hover {
    background: rgb(27, 150, 56); /* this is a green */
}
.button-warning:hover {
    background: rgb(194, 102, 17); /* this is an orange */
}
.button-error:hover {
    background: rgb(171, 21, 21); /* this is a maroon */
}
.button-disabled:hover {
    background: rgb(127 134 129); /* this is a gray */
}

.button-circle{
    border-radius:50%;
    padding:5px;
    color:#fff;
}

/* Badges */

.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.btn-xs .badge {
  top: 0;
  padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}