#toggle_over{


width:40px;


text-align:center;


}


.ios-toggle,.ios-toggle:active{


position:absolute;


top:-5000px;


height:0;


width:0;


opacity:0;


border:none;


outline:none;


}


.checkbox-label{


display:block;


position:relative;


padding:10px;


font-size:12px;


line-height:16px;


width:100%;


height:21px;


/*border-radius*/


-webkit-border-radius:18px;


   -moz-border-radius:18px;


        border-radius:18px;


background:#d9534f;


cursor:pointer;


-webkit-box-shadow:inset 0 0 0 0px #d9534f,0 0 0 2px #d9534f;


   -moz-box-shadow:inset 0 0 0 0px #d9534f,0 0 0 2px #d9534f;


        box-shadow:inset 0 0 0 0px #d9534f,0 0 0 2px #d9534f;


}


.checkbox-label:before{


content:'';


display:block;


position:absolute;


z-index:1;


line-height:21px;


text-indent:40px;


height:21px;


width:21px;


/*border-radius*/


-webkit-border-radius:100%;


   -moz-border-radius:100%;


        border-radius:100%;


top:0px;


left:0px;


right:auto;


background:white;


/*box-shadow*/


-webkit-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 1px #d9534f;


   -moz-box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 1px #d9534f;


        box-shadow:0 3px 3px rgba(0,0,0,.2),0 0 0 1px #d9534f;


}


.checkbox-label:after{


content:attr(data-off);


display:block;


position:absolute;


z-index:0;


top:0;


left:0px;


padding:10px;


height:100%;


width:auto;


text-align:right;


color:#bfbfbf;


white-space:nowrap;


}


.ios-toggle:checked + .checkbox-label{


/*box-shadow*/


-webkit-box-shadow:inset 0 0 0 20px #62cb31,0 0 0 2px #62cb31;


   -moz-box-shadow:inset 0 0 0 20px #62cb31,0 0 0 2px #62cb31;


        box-shadow:inset 0 0 0 20px #62cb31,0 0 0 2px #62cb31;


}


.ios-toggle:checked + .checkbox-label:before{


	left:39%;


left:-moz-calc(100% - 21px);


left:-webkit-calc(100% - 21px);


/*box-shadow*/


-webkit-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);


   -moz-box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);


        box-shadow:0 0 0 2px transparent,0 3px 3px rgba(0,0,0,.3);


}


.ios-toggle:checked + .checkbox-label:after{


content:attr(data-on);


left:0px;


width:26px;


}


/* GREEN CHECKBOX */





#checkbox1 + .checkbox-label{


/*box-shadow*/


-webkit-box-shadow:inset 0 0 0 0px #d9534f,0 0 0 2px #d9534f;


   -moz-box-shadow:inset 0 0 0 0px #d9534f,0 0 0 2px #d9534f;


        box-shadow:inset 0 0 0 0px #d9534f,0 0 0 2px #d9534f;


}


#checkbox1:checked + .checkbox-label{


/*box-shadow*/


-webkit-box-shadow:inset 0 0 0 18px #62cb31,0 0 0 2px #62cb31;


   -moz-box-shadow:inset 0 0 0 18px #62cb31,0 0 0 2px #62cb31;


        box-shadow:inset 0 0 0 18px #62cb31,0 0 0 2px #62cb31;


}


#checkbox1:checked + .checkbox-label:after{


color:#62cb31;


}


/* RED CHECKBOX */