.content { background: white; padding: 20px; margin-top: 1.5em; border: 1px solid #e5e5e5; } #agegateway-preview-image { margin-top: 5px; width: 80px; height: 80px; } /* The switch - the box around the slider */ .switch { position: relative; display: flex; width: 60px; height: 34px; align-items: center; } /* Hide default HTML checkbox */ .switch input { opacity: 0; width: 0; height: 0; display: none; } /* The slider */ .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #7f8c8d; -webkit-transition: .4s; transition: .4s; } .slider:before { position: absolute; content: ""; height: 26px; width: 26px; left: 4px; bottom: 4px; background-color: white; -webkit-transition: .4s; transition: .4s; } input:checked + .slider { background-color: #2196F3; } input:focus + .slider { box-shadow: 0 0 1px #2196F3; } input:checked + .slider:before { -webkit-transform: translateX(26px); -ms-transform: translateX(26px); transform: translateX(26px); } input:disabled + .slider { background-color: #7f8c8d; } input:disabled + .slider:before { background-color: #dcdcdc; } /* Rounded sliders */ .slider.round { border-radius: 34px; } .slider.round:before { border-radius: 50%; } .form-group { margin-bottom: 5px; } .label { width: 120px; display: inline-block; } .label_for { display: inline-block; } input, textarea { border: 1px solid #eeeeee; box-sizing: border-box; margin: 0; outline: none; padding: 10px; } input[type="button"] { -webkit-appearance: button; cursor: pointer; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } .input-group { clear: both; margin: 15px 0; position: relative; } .input-group input[type='button'] { background-color: #eeeeee; min-width: 38px; width: auto; transition: all 300ms ease; } .input-group .button-minus, .input-group .button-plus { font-weight: bold; height: 38px; padding: 0; width: 38px; position: relative; } .input-group .quantity-field { position: relative; height: 38px; left: -6px; text-align: center; width: 62px; display: inline-block; font-size: 13px; margin: 0 0 5px; resize: vertical; } .button-plus { left: -13px; } input[type="number"] { -moz-appearance: textfield; -webkit-appearance: none; } .inputPicker { position: relative; } .inputPickerBody { display: none; position: absolute; background: white; border: 1px solid #c5c5c5; padding: 10px; z-index: 99; margin-bottom: 20px; }