/*SWITCHER*/
/* The switch - the box around the slider */
div.caja_switch select{
    width: 100%;
}
div.caja_switch{
    display: inline-block;
    width: 260px;
    font-size: 12px;
    margin: 0px 15px 15px 0px;
}
label.switch {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 26px;
    margin-top: 5px;
    margin-left: 10px;
}

    /* Hide default HTML checkbox */
    label.switch input {
        opacity: 0;
        width: 0;
        height: 0;

    }

    /* The slider */
    label.switch .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        -webkit-transition: .4s;
        transition: .4s;
        border-radius: 5px;
    }



    label.switch .slider{background-color: #ccc;}
    label.switch input:checked + .slider {background-color: #3fa04f;}
    label.switch input:focus + .slider {box-shadow: 0 0 1px #3fa04f;}
    label.switch .slider:before {
        position: absolute;
        content: "";
        height: 22px;
        width: 22px;
        left: 2px;
        bottom: 2px;
        background-color: rgb(241, 241, 241);
        -webkit-transition: .2s;
        transition: .2s;
        border-radius: 5px;
    }
    label.switch input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }


    label.switch.invert .slider{background-color: #3fa04f;}
    label.switch.invert input:checked + .slider {background-color: #ccc;}
    label.switch.invert input:focus + .slider {box-shadow: 0 0 1px #ccc;}
    label.switch.invert .slider:before {left: 28px;}
    label.switch.invert input:checked + .slider:before {
        -webkit-transform: translateX(-26px);
        -ms-transform: translateX(-26px);
        transform: translateX(-26px);
    }