.es-switch-bg {
    width:60px;
    height:25px;
    -webkit-transition: background-color 0.1s ease-in-out;
    -moz-transition: background-color 0.1s ease-in-out;
    -o-transition: background-color 0.1s ease-in-out;
    transition: background-color 0.1s ease-in-out;
    border-radius: 13px;
}
.es-switch-bg[data-state="false"] {
    background-color: #A04040;
}
.es-switch-bg[data-state="true"] {
    background-color: #4CAF50;
}
.es-toggle {
    height: 15px;
    width: 15px;
    position: relative;
    top: 5px;
    border-radius: 100%;
    background-color: #fff;
    -webkit-transition: left 0.1s ease-in-out;
    -moz-transition: left 0.1s ease-in-out;
    -o-transition: left 0.1s ease-in-out;
    transition: left 0.1s ease-in-out;
}
.es-switch-bg[data-state="false"] .es-toggle {
    left: 5px;
}
.es-switch-bg[data-state="true"] .es-toggle {
    left: 40px;
}
.btn-small {
    width:18ex;
    height:30px;
    background-color:#4CAF50;
    color: white;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,0.14), 0 1px 7px 0 rgba(0,0,0,0.12), 0 3px 1px -1px rgba(0,0,0,0.2);
    border: none;
    transition: .2s ease-out;
    cursor: pointer;
    vertical-align: middle;
    -webkit-tap-highlight-color: transparent;
}