.width-100 { display: inline-block; width: 100%; } .width-90 { display: inline-block; width: 90%; } .width-80 { display: inline-block; width: 80%; } .width-70 { display: inline-block; width: 70%; } .width-60 { display: inline-block; width: 60%; } .width-60 { display: inline-block; width: 60%; } .width-50 { display: inline-block; width: 50%; } .width-40 { display: inline-block; width: 40%; } .width-30 { display: inline-block; width: 30%; } .width-25 { display: inline-block; width: 25%; } .width-20 { display: inline-block; width: 20%; } .width-15 { display: inline-block; width: 15%; } .width-10 { display: inline-block; width: 10%; } .width-5 { display: inline-block; width: 5%; } .custombanner-body { font-size: 14px; } .custombanner-body .div-button-create { background-color: #f8f8f8; padding: 10px; } .custombanner-body .div-button-create .button-create { background-color: #eb5202; float: right; padding: 15px; color: white; font-weight: bolder; font-size: 16px; } .custombanner-body .div-button-create .button-back { float: right; padding: 15px; color: black; font-weight: bolder; margin-right: 10px; text-decoration: none; font-size: 16px; } .custombanner-body .div-button-create .button-back .img-arrow-left { height: 10px; width: 30px; } .custombanner-body .div-body-form { display: inline-block; margin-left: 15%; width: 60%; } .custombanner-body .div-body-form .input-line { width: 100%; margin-top: 20px; } .custombanner-body .div-body-form .input-line .label { width: 28%; float: left; text-align: right; margin-right: 2%; font-weight: 700; padding-top: 8px; } .custombanner-body .div-body-form .input-line .input-text { width: 70%; float: left; padding: 5px; } .custombanner-body .div-body-form .input-line .input-text:focus { border: 0.5px solid #008bdb; padding: 6px; } .custombanner-body .div-body-form .input-line .switch { position: relative; display: inline-block; width: 50px; height: 25px; } .custombanner-body .div-body-form .input-line .switch input { opacity: 0; width: 0; height: 0; } .custombanner-body .div-body-form .input-line .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s; } .custombanner-body .div-body-form .input-line .slider:before { position: absolute; content: ""; height: 17px; width: 17px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } .custombanner-body .div-body-form .input-line input:checked + .slider { background-color: #00bb5c; } .custombanner-body .div-body-form .input-line input:focus + .slider { box-shadow: 0 0 1px #00bb5c; } .custombanner-body .div-body-form .input-line input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } /* Rounded sliders */ .custombanner-body .div-body-form .input-line .slider.round { border-radius: 34px; } .custombanner-body .div-body-form .input-line .slider.round:before { border-radius: 50%; }