.switch-button-label {
    float: left;

    font-size: 10pt;
    cursor: pointer;
	font-family: 'Lato', sans-serif;
	font-weight: 400;
	font-size: 1em;
	padding-top: 10px;
}

.switch-button-label.off {
    color: #777777;
}

.switch-button-label.on {
    color: #000000;
}

.switch-button-background {
    float: left;
    position: relative;

    background: #b6cccc;
    border: 1px solid #b6cccc;

    margin: 1px 10px;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;

    cursor: pointer;
}

.switch-button-background.checked {
	background: #faf087;
	border: 1px solid #faf087;
}

.switch-button-button {
    position: absolute;

    left: -1px;
    top : -1px;

    background: #FAFAFA;
    border: 1px solid #b6cccc;

    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.switch-button-background.checked .switch-button-button {

	border: 1px solid #faf087;
}
/*#azul #b6cccc
amarelo #faf087
*/

@media screen and (max-width: 480px){
   .switch-button-label {
    font-size: 0.8em;
   }
}