.bgsuccess {
    background-color: #a5d6a7;
}

.bgwarning {
    background-color: #fff59d;
}

.bgdanger {
    background-color: #ef9a9a;
}

.bgprimary {
    background-color: #90caf9;
}

input[type="radio"]+.normal {
    background-color: #a5d6a7;
    background-image: -webkit-linear-gradient(#a5d6a7, #a5d6a7);
    background-image: -moz-linear-gradient(#a5d6a7, #a5d6a7);
    background-image: -o-linear-gradient(#a5d6a7, #a5d6a7);
    background-image: linear-gradient(#a5d6a7, #a5d6a7);
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 8px 0 #a5d6a7, 0 0px 0px;
    -moz-box-shadow: 0 8px 0 #a5d6a7, 0 0px 0px;
    box-shadow: 0 8px 0 #a5d6a7, 0 0px 0px;
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    margin: 5px;
    padding: 20px 25px;
    text-decoration: none;
}

input[type="radio"]+.agendar {
    background-color: #fff59d;
    background-image: -webkit-linear-gradient(#fff59d, #fff59d);
    background-image: -moz-linear-gradient(#fff59d, #fff59d);
    background-image: -o-linear-gradient(#fff59d, #fff59d);
    background-image: linear-gradient(#fff59d, #fff59d);
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 8px 0 #fff59d, 0 0px 0px;
    -moz-box-shadow: 0 8px 0 #fff59d, 0 0px 0px;
    box-shadow: 0 8px 0 #fff59d, 0 0px 0px;
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    margin: 5px;
    padding: 20px 25px;
    text-decoration: none;
}

input[type="radio"]+.cambio {
    background-color: #ef9a9a;
    background-image: -webkit-linear-gradient(#ef9a9a, #ef9a9a);
    background-image: -moz-linear-gradient(#ef9a9a, #ef9a9a);
    background-image: -o-linear-gradient(#ef9a9a, #ef9a9a);
    background-image: linear-gradient(#ef9a9a, #ef9a9a);
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 8px 0 #ef9a9a, 0 0px 0px;
    -moz-box-shadow: 0 8px 0 #ef9a9a, 0 0px 0px;
    box-shadow: 0 8px 0 #ef9a9a, 0 0px 0px;
    display: inline-block;
    font-size: 20px;
    line-height: 1;
    margin: 5px;
    padding: 20px 25px;
    text-decoration: none;
}

input[type="radio"]:checked+.normal {
    background-color: #24822b;
    background-image: -webkit-linear-gradient(#24822b, #24822b);
    background-image: -moz-linear-gradient(#24822b, #24822b);
    background-image: -o-linear-gradient(#24822b, #24822b);
    background-image: linear-gradient(#24822b, #24822b);
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 8px 0 #24822b, 0 0px 0px;
    -moz-box-shadow: 0 8px 0 #24822b, 0 0px 0px;
    box-shadow: 0 8px 0 #24822b, 0 0px 0px;
    display: inline-block;
    font-size: 30px;
    margin: 5px;
    line-height: 1;
    text-decoration: none;
    /*text-shadow: 0 -1px 1px rgba(15, 15, 15, .7);*/
}

input[type="radio"]:checked+.agendar {
    background-color: #ffd600;
    background-image: -webkit-linear-gradient(#ffd600, #ffd600);
    background-image: -moz-linear-gradient(#ffd600, #ffd600);
    background-image: -o-linear-gradient(#ffd600, #ffd600);
    background-image: linear-gradient(#ffd600, #ffd600);
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 8px 0 #ffd600, 0 0px 0px;
    -moz-box-shadow: 0 8px 0 #ffd600, 0 0px 0px;
    box-shadow: 0 8px 0 #ffd600, 0 0px 0px;
    display: inline-block;
    font-size: 30px;
    margin: 5px;
    line-height: 1;
    text-decoration: none;
}

input[type="radio"]:checked+.cambio {
    background-color: #b92f2f;
    background-image: -webkit-linear-gradient(#b92f2f, #b92f2f);
    background-image: -moz-linear-gradient(#b92f2f, #b92f2f);
    background-image: -o-linear-gradient(#b92f2f, #b92f2f);
    background-image: linear-gradient(#b92f2f, #b92f2f);
    -ms-border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 8px 0 #b92f2f, 0 0px 0px;
    -moz-box-shadow: 0 8px 0 #b92f2f, 0 0px 0px;
    box-shadow: 0 8px 0 #b92f2f, 0 0px 0px;
    display: inline-block;
    font-size: 30px;
    margin: 5px;
    line-height: 1;
    text-decoration: none;
}

input[type=radio] {
    display: none;
}