/*----------------------------------- 
        Buttons
------------------------------------*/
.btn, .btn a, .btn-reverse{
    background:#40ae49;
    cursor: pointer;
    position: relative;
    display: inline-block;
    border-radius:4px;
    height: 38px;
    line-height: 38px;
    padding: 0 16px;
    position: relative;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#fff;
    display:inline-block;
    text-transform:none;
    font-weight:bold;
    font-size:14px;
    white-space: nowrap;
    outline: none;
    border: none;
    vertical-align: middle;
    font-weight:400;
    min-width: 96px;
}

.btn:hover, .btn:focus, .btn a:hover, .btn a:focus{
    color:#fff;
    background:#237b32;
    text-decoration:none;
}

.btn.btn-red, .btn.btn-red a                            { background-color: #cb4347; }
.btn.btn-red:hover, .btn.btn-red a:hover                { background-color: #b53c3f; }
.btn.btn-red:active, .btn.btn-red a:active              { background-color: #a5363a; }

.btn.btn-green, .btn.btn-green a                        { background-color: #40b771; }
.btn.btn-green:hover, .btn.btn-green a:hover            { background-color: #39a465; }
.btn.btn-green:active, .btn.btn-green a:active          { background-color: #369a5f; }

.btn.btn-gray, .btn.btn-gray a                          { background-color: #484848; }
.btn.btn-gray:hover, .btn.btn-gray a:hover              { background-color: #3b3b3b; }
.btn.btn-gray:active, .btn.btn-gray a:active            { background-color: #363636; }

.btn.btn-darkgray, .btn.btn-darkgray a                  { background-color: #636363; }
.btn.btn-darkgray:hover, .btn.btn-darkgray a:hover      { background-color: #565656; }
.btn.btn-darkgray:active, .btn.btn-darkgray a:active    { background-color: #515151; }


.btn.btn-gray.btn-outline, .btn.btn-gray.btn-outline a {
    color: #b7b7b7;
    background: transparent;
    box-shadow: inset 0 0 0 1px #b7b7b7
}

.btn.btn-gray.btn-outline:hover, .btn.btn-gray.btn-outline a:hover          { box-shadow: inset 0 0 0 1px #3b3b3b; color: #3b3b3b; }
.btn.btn-gray.btn-outline:active, .btn.btn-gray.btn-outline a:active        { box-shadow: inset 0 0 0 1px #363636; color: #363636; }

.btn.btn-square{
    line-height:30px;
    padding: 0;
    height:30px;
    width:30px;
    border-radius:4px;
}

input.btn, button.btn{
    border:none;
    cursor:pointer;
}

.btn-thin{
    height:38px;
    line-height:38px;
}

.btn-delete{
    background:none !important;
    color:#cb4347;
}

.btn-delete:hover{
    color:#b53c3f;
}

button:disabled,
button:disabled:hover
{ background: #ddd; cursor:auto; }

.btn-reverse{
    float: right;
    background: rgb(232, 232, 230);
    color: rgb(134, 134, 124);
}

.btn-reverse:hover{
    background: rgb(134, 134, 124);
    color: #fff;
    text-decoration:none;
}

.btn.btn-full{ width:100%; }