/*
 * templates/Templates/<Template>/checkField.css
 * Created by Lorenzo on 22/07/2017
 */

.saas-btn {
    border-radius: 3px;
    height: 20px;
    padding: 2px;
    text-align: center;
    width: 20px;
}
.saas-btn.on {
    background-color: #337ab7;
    border-color: #2e6da4;
    color: #fff;
}
.saas-btn.off, .saas-btn.noff {
    background-color: #ddd;
    color: #555
}
.saas-btn.off:hover {
    background-color: greenyellow;
}
.saas-btn.on:hover {
    background-color: pink;
}

.saas-btn.is-closed:hover .icon-closed:before,
.saas-btn.is-closed:hover .icon-sent:before,
.saas-btn.is-closed:hover .icon-star:before,
.saas-btn.is-closed:hover .issued:before
{
    content: "\f0e2";
}
.saas-btn.is-closed:hover .icon-not-closed:before {
    content: "\f00c";
}
.saas-btn.sent:hover .icon-not-sent:before {
    content: "\f1d8";
}

.saas-btn.ok:hover,
.saas-btn.nok:hover
{
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}
.saas-btn.ok,
.saas-btn.done-ok
{
    background-color: #dff0d8;
    border-color: #d6e9c6;
    color: #3c763d;
}
.saas-btn.nok,
.saas-btn.done-nok
{
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}
.saas-btn.not-done
{
    background-color: #fcf8e3;
    border-color: #faebcc;
    color: #8a6d3b;
}