/***  
* BUTTONS
***/

button:focus, input.btn, input[type=file] {
    outline: 0 !important;
}


.btn-sm, .btn-group-sm > .btn {
    line-height: 1.55 !important;
}

.btn.btn-primary {
    background-color: transparent;
    border-top: 2px solid #4cae4c;
    border-bottom: 2px solid #4cae4c;
    border-left: 1px solid #4cae4c;
    border-right: 1px solid #4cae4c;
    color: #404040;
}

    .btn.btn-primary:hover {
        background-color: #4cae4c;
        color: white;
        -webkit-transition: all .1s ease-in;
        -moz-transition: all .1s ease-in;
        -o-transition: all .1s ease-in;
        transition: all .1s ease-in;
    }

    .btn.btn-primary:active {
        background-color: #275927;
        border-color: #275927;
    }

.btn.btn-danger {
    background-color: transparent;
    border-top: 2px solid #e60000;
    border-bottom: 2px solid #e60000;
    border-left: 1px solid #e60000;
    border-right: 1px solid #e60000;
    color: #404040;
}

    .btn.btn-danger:hover {
        background-color: #e60000;
        color: white;
        -webkit-transition: all .1s ease-in;
        -moz-transition: all .1s ease-in;
        -o-transition: all .1s ease-in;
        transition: all .1s ease-in;
    }

    .btn.btn-danger:active {
        background-color: #b30000;
        border-color: #b30000;
    }


.btn.btn-warning {
    background-color: transparent;
    border-top: 2px solid #ffcc00;
    border-bottom: 2px solid #ffcc00;
    border-left: 1px solid #ffcc00;
    border-right: 1px solid #ffcc00;
    color: #404040;
}

    .btn.btn-warning:hover {
        background-color: #ffcc00;
        color: #404040;
        -webkit-transition: all .1s ease-in;
        -moz-transition: all .1s ease-in;
        -o-transition: all .1s ease-in;
        transition: all .1s ease-in;
    }

    .btn.btn-warning:active {
        background-color: #cca300;
        border-color: #cca300;
    }

.btn.btn-success {
    background-color: #337ab7;
    border-color: #2e6da4;
}

    .btn.btn-success:hover {
        background-color: #286090;
        border-color: #204d74;
    }

    .btn.btn-success:active {
        background-color: #204d74;
        border-color: #204d74;
    }

.btn.btn-default, 
input[type=file] {
    background-color: white;
    border-top: 2px solid #adadad;
    border-bottom: 2px solid #adadad;
    border-left: 1px solid #adadad;
    border-right: 1px solid #adadad;
    color: #404040;
}

    .btn.btn-default:hover, 
    input[type=file]:hover {
        background-color: #adadad;
        color: white;
        -webkit-transition: all .1s ease-in;
        -moz-transition: all .1s ease-in;
        -o-transition: all .1s ease-in;
        transition: all .1s ease-in;
    }

    .btn.btn-default:active,
    input[type=file]:active {
        background-color: #8c8c8c;
        border-color: #8c8c8c;
    }

.btn.btn-step {
    background-color: #4cae4c;
    border-color: #4cae4c;
    color: white;
}

    .btn.btn-step:hover {
        background-color: #275927;
        border-color: #275927;
    }

    .btn.btn-step:active {
        background-color: #275927;
        border-color: #275927;
    }

.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.input-group-btn:last-child > .btn {
    color: #4cae4c;
    margin-left: -7px;
    padding-bottom: 3px !important;
    border: 2px solid #f2f2f2;
}

    .input-group-btn:last-child > .btn:hover {
        background-color: #f2f2f2;
    }

.btn.btn-disabled,
.btn[disabled] {
    cursor: not-allowed;
    pointer-events: all !important;
    color: white;
    background-color: lightgrey;
    border: none;
}

    .btn.disabled,
    .btn[disabled]:hover {
        background-color: lightgrey;
    }