<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;"> /* Code css pour bouton checkbox personnalisÃ© */
 .wrapper {
   width: 600px;
   margin: 0 auto;
 }

 .switch {
   width: 50px;
   height: 20;
   background: #E5E5E5;
   z-index: 0;
   margin-bottom: 15px;
   padding: 0;
   appearance: none;
   border: none;
   cursor: pointer;
   position: relative;
   border-radius: 40px;
 }

 .switch:before {
   content: ' ';
   position: absolute;
   left: 3px;
   top: 3px;
   width: 42px;
   height: 20px;
   background: #d9534f;
   z-index: 1;
   border-radius: 40px;
 }

 .switch:after {
   content: ' ';
   width: 17px;
   height: 17px;
   border-radius: 40px;
   z-index: 2;
   background: #FFFFFF;
   position: absolute;
   transition-duration: 500ms;
   top: 4px;
   left: 3px;
   box-shadow: 0 2px 5px #999999;
 }

 .switchOn,
 .switchOn:before {
   background: #5cb85c !important
 }

 .switchOn:after {
   left: 25px;
 }

 .ui-dialog .ui-dialog-content {
   border: 0;
   padding: .5em 1em;
   background: #ebf2f1;
   overflow: auto;
   zoom: 1;
 }</pre></body></html>