.switch-loader{ position: absolute; top: 1%; width: 60px; left: 2%; text-align: right; height: 100%; line-height: 2.01; } .lineh-155{ line-height: 1.55!important; } .lineh-21{ line-height: 2.1!important; } .lineh-18{ line-height: 1.8!important; } .lineh-24{ line-height: 2.4!important; } .switch { font-size: 1rem; position: relative; } .switch input { position: absolute; height: 1px; width: 1px; background: none; border: 0; clip: rect(0 0 0 0); clip-path: inset(50%); overflow: hidden; padding: 0; } .switch input + label { position: relative; min-width: calc(calc(2.375rem * 0.8) * 2); border-radius: calc(2.375rem * 0.8); height: calc(2.375rem * 0.8); line-height: calc(2.375rem * 0.8); display: inline-block; cursor: pointer; outline: none; user-select: none; vertical-align: middle; text-indent: calc(calc(calc(2.375rem * 0.8) * 2) + 0.5rem); } .switch input + label::before, .switch input + label::after { content: ""; position: absolute; top: 0; left: 0; width: calc(calc(2.375rem * 0.8) * 2); bottom: 0; display: block; } .switch input + label::before { right: 0; background-color: #dee2e6; border-radius: calc(2.375rem * 0.8); transition: 0.2s all; } .switch input + label::after { top: 2px; left: 2px; width: calc(calc(2.375rem * 0.8) - calc(2px * 2)); height: calc(calc(2.375rem * 0.8) - calc(2px * 2)); border-radius: 50%; background-color: white; transition: 0.2s all; } .switch input:checked + label::before { background-color: #08d; } .switch input:checked + label::after { margin-left: calc(2.375rem * 0.8); } .switch input:focus + label::before { outline: none; box-shadow: 0 0 0 0.2rem rgba(0, 136, 221, 0.25); } .switch input:disabled + label { color: #868e96; cursor: not-allowed; } .switch input:disabled + label::before { background-color: #e9ecef; } .switch.switch-sm { font-size: 0.875rem; } .switch.switch-sm input + label { min-width: calc(calc(1.9375rem * 0.8) * 2); height: calc(1.9375rem * 0.8); line-height: calc(1.9375rem * 0.8); text-indent: calc(calc(calc(1.9375rem * 0.8) * 2) + 0.5rem); } .switch.switch-sm input + label::before { width: calc(calc(1.9375rem * 0.8) * 2); } .switch.switch-sm input + label::after { width: calc(calc(1.9375rem * 0.8) - calc(2px * 2)); height: calc(calc(1.9375rem * 0.8) - calc(2px * 2)); } .switch.switch-sm input:checked + label::after { margin-left: calc(1.9375rem * 0.8); } .switch.switch-lg { font-size: 1.25rem; } .switch.switch-lg input + label { min-width: calc(calc(2.5rem * 0.8) * 2); height: calc(3rem * 0.8); line-height: calc(3rem * 0.8); text-indent: calc(calc(calc(3rem * 0.8) * 2) + 0.5rem); } .switch.switch-lg input + label::before { width: calc(calc(2.5rem * 0.8) * 2); } .switch.switch-lg input + label::after { width: calc(calc(3rem * 0.8) - calc(2px * 2)); height: calc(calc(3rem * 0.8) - calc(2px * 2)); } .switch.switch-lg input:checked + label::after { margin-left: calc(2rem * 0.8); } .switch + .switch { margin-left: 1rem; } .dropdown-menu { margin-top: 0.75rem; } .moderation-divider{ margin-bottom: 1.7rem; border-bottom: 1px solid #dddde9; padding-bottom:.5rem; } .moderation-divider>.col-md-6{ padding-left: 0!important; } #numberOfDaysModeratedField{ margin-bottom: 10px; } #number_of_days_in_moderation{ width: 55px; } #activation-moderation{ padding: 0px; } #activateModeration{ padding-left: 1rem; padding-right: 1rem; margin-bottom: 0px; } .activationText{ margin-top: 2rem; }