.switcher{width:30px!important;height:40px!important;display:inline-block;margin:4px 8px;border-radius:5px;border:0 solid #000}.swichermainleft{width:100%;float:left;margin:0;padding:0}.colorcode{display:inline-block;margin:4px 8px;width:25px;height:25px;border-radius:5px;cursor:pointer}.color1{background:#8667ff!important}.color2{background:#824bab!important}.color3{background:#1b9783!important}.color4{background:#4680ff!important}.color5{background:#e65145!important}.onoffswitch{position:relative;width:30px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.onoffswitch-checkbox{display:none}.onoffswitch-label{display:block;overflow:hidden;cursor:pointer;height:15px;padding:0;line-height:16px;border:1px solid #ccc;border-radius:15px;background-color:#fff;transition:background-color .3s ease-in}.onoffswitch-label:before{content:"";height:16px;display:block;width:17px;margin:0;background:#fff;position:absolute;top:0;bottom:0;right:13px;border:1px solid #ccc;border-radius:15px;transition:all .3s ease-in 0s}.onoffswitch-checkbox:checked+.onoffswitch-label{background-color:#0fa751}.onoffswitch-checkbox:checked+.onoffswitch-label,.onoffswitch-checkbox:checked+.onoffswitch-label:before{border-color:#0fa751}.onoffswitch-checkbox:checked+.onoffswitch-label:before{right:0}.onoffswitch2{position:relative;width:30px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.onoffswitch2-checkbox{display:none}.onoffswitch2-label{display:block;overflow:hidden;cursor:pointer;height:15px;padding:0;line-height:16px;border:1px solid #ccc;border-radius:15px;background-color:#fff;transition:background-color .3s ease-in}.onoffswitch2-label:before{content:"";height:16px;display:block;width:17px;margin:0;background:#fff;position:absolute;top:0;bottom:0;right:13px;border:1px solid #ccc;border-radius:15px;transition:all .3s ease-in 0s}.onoffswitch2-checkbox:checked+.onoffswitch2-label{background-color:#77bc21}.onoffswitch2-checkbox:checked+.onoffswitch-label2,.onoffswitch2-checkbox:checked+.onoffswitch2-label:before{border-color:#77bc21}.onoffswitch2-checkbox:checked+.onoffswitch2-label:before{right:0}.onoffswitch3{position:relative;width:30px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.onoffswitch3-checkbox{display:none}.onoffswitch3-label{display:block;overflow:hidden;cursor:pointer;height:15px;padding:0;line-height:16px;border:1px solid #ccc;border-radius:15px;background-color:#fff;transition:background-color .3s ease-in}.onoffswitch3-label:before{content:"";height:16px;display:block;width:17px;margin:0;background:#fff;position:absolute;top:0;bottom:0;right:13px;border:1px solid #ccc;border-radius:15px;transition:all .3s ease-in 0s}.onoffswitch3-checkbox:checked+.onoffswitch3-label{background-color:#0fa751}.onoffswitch3-checkbox:checked+.onoffswitch-label3,.onoffswitch3-checkbox:checked+.onoffswitch3-label:before{border-color:#0fa751}.onoffswitch3-checkbox:checked+.onoffswitch3-label:before{right:0}.switch-toggle{padding:3px 0;font-size:13px}.full-width .container{max-width:inherit!important;width:95%!important;transition:all .5s ease}.unbox{margin:0}.switch_section{width:100%;height:auto;list-style:none;font-size:1.1em;margin:0 auto;padding:0 22px}a.switcher-style{padding:6px 20px;color:#000;background-color:#f8f6fb;border:1px solid #e3dfe8;display:block;margin-bottom:8px;font-size:14px}a.switcher-style.active{background-color:#2205bf;color:#fff}.wscolorcode.color{display:inline-block;margin:4px 8px;width:30px;height:30px;border-radius:5px}.button-image{border:4px solid #f4f7fe;margin:2px;border-radius:8px;background:#fff;width:90px;height:70px;margin-bottom:5px;box-shadow:0 5px 6px rgba(6,10,48,.1)}.light-bg{display:none!important}.dark-mode .dark-bg{display:none!important}.dark-mode .light-bg{display:block!important}.dark-mode .dark-bgmenu{display:none!important}.dark-mode .bg_dark{background:#fff}.dark-mode .demo_changer i{color:#000}.leftmenu-bgimage .bg9{border:2px solid #04b372}.leftmenu-bgimage .bg9:after{content:"";width:20px;height:20px;line-height:17px;border-style:solid;border-width:0 35px 35px 0;border-color:#04b372 #04b372 transparent;display:block;position:absolute;top:4px;right:19px}.leftmenu-bgimage .bg9:before{content:"\2713";z-index:999;position:absolute;top:4px;right:22px;font-size:14px;color:#fff}.demo_changer .switch_section p{margin:0}.dark-mode .onoffswitch2-label:before{background:rgba(255,255,255,.8);border:1px solid rgba(255,255,255,.2)}.dark-mode .onoffswitch2-label{border:1px solid rgba(255,255,255,.2);background-color:rgba(255,255,255,.3)}