@transferwise/neptune-css 14.8.0 → 14.8.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (48) hide show
  1. package/dist/css/accordion.css +235 -1
  2. package/dist/css/alerts.css +761 -1
  3. package/dist/css/background.css +20 -1
  4. package/dist/css/badge.css +90 -1
  5. package/dist/css/border-radius.css +3 -1
  6. package/dist/css/breadcrumbs.css +20 -1
  7. package/dist/css/button-groups.css +412 -1
  8. package/dist/css/buttons.css +1382 -1
  9. package/dist/css/chevron.css +35 -1
  10. package/dist/css/circles.css +284 -1
  11. package/dist/css/close.css +47 -1
  12. package/dist/css/column-layout.css +164 -1
  13. package/dist/css/currency-flags.css +45 -1
  14. package/dist/css/decision.css +95 -1
  15. package/dist/css/dropdowns.css +413 -1
  16. package/dist/css/droppable.css +207 -1
  17. package/dist/css/flex.css +598 -1
  18. package/dist/css/footer.css +118 -1
  19. package/dist/css/grid.css +2369 -1
  20. package/dist/css/input-groups.css +2706 -1
  21. package/dist/css/link-callout.css +20 -1
  22. package/dist/css/list-group.css +267 -1
  23. package/dist/css/loaders.css +76 -1
  24. package/dist/css/media.css +74 -1
  25. package/dist/css/modals.css +185 -1
  26. package/dist/css/navbar-base.css +1385 -1
  27. package/dist/css/navbar.css +2397 -1
  28. package/dist/css/navs.css +296 -1
  29. package/dist/css/neptune-addons.css +1829 -1
  30. package/dist/css/neptune-core.css +2035 -2
  31. package/dist/css/neptune-social-media.css +144 -1
  32. package/dist/css/neptune.css +24372 -2
  33. package/dist/css/panels.css +528 -1
  34. package/dist/css/popovers.css +538 -1
  35. package/dist/css/process.css +483 -1
  36. package/dist/css/progress-bars.css +76 -1
  37. package/dist/css/ring.css +59 -1
  38. package/dist/css/select.css +99 -1
  39. package/dist/css/sequences.css +855 -1
  40. package/dist/css/table.css +446 -1
  41. package/dist/css/tick.css +32 -1
  42. package/dist/css/tooltip.css +142 -1
  43. package/dist/css/utilities.css +145 -1
  44. package/dist/css/wells.css +74 -1
  45. package/package.json +3 -2
  46. package/scripts/analyze-css-selectors.js +39 -0
  47. package/src/less/buttons.less +2 -6
  48. package/src/less/navbar-base.less +1 -1
package/dist/css/input-groups.css CHANGED
@@ -1 +1,2706 @@
1
- .btn-sm{height:32px}form{margin-bottom:0}fieldset{border:0;margin:0;min-width:0;padding:0}legend{display:block;width:100%}label{display:inline-block;margin-bottom:4px;margin-bottom:var(--size-4);max-width:100%}.secondary,label{color:#5d7079;color:var(--color-content-secondary);font-size:.875rem;font-size:var(--font-size-14);line-height:20px;transition:color .15s ease-in-out}input[type=search]{box-sizing:border-box}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input[type=checkbox],input[type=radio]{line-height:normal;margin:1px 0 0}input[type=file]{display:block}input[type=range]{display:block;width:100%}select[multiple],select[size]{height:auto}input[type=checkbox]:focus,input[type=file]:focus,input[type=radio]:focus{outline:var(--ring-outline-color) solid var(--ring-outline-width);outline-offset:var(--ring-outline-offset)}output{line-height:1.2;line-height:var(--line-height-control);padding-top:9px}.form-control,output{color:#37517e;color:var(--color-content-primary);display:block;font-size:1rem;font-size:var(--font-size-16)}.form-control{background-clip:padding-box;background-color:#fff;background-color:var(--color-background-screen);background-image:none;border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:3px;font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:-.011em;line-height:150%;padding:var(--input-padding);transition:border-color .15s ease-in-out;width:100%}.form-control,select.form-control{min-height:var(--input-height-base)}select[multiple].form-control,textarea.form-control{height:auto}.form-control:not(.disabled,:disabled):focus{border-color:#0081ba;border-color:var(--color-interactive-accent-active);outline:0}.form-control::-moz-placeholder{color:#768e9c;color:var(--color-content-tertiary)}.form-control::placeholder{color:#768e9c;color:var(--color-content-tertiary)}textarea.form-control{height:144px}.form-control+.text-danger,.form-control+.text-info,.form-control+.text-muted,.form-control+.text-negative,.form-control+.text-positive,.form-control+.text-primary,.form-control+.text-success,.form-control+.text-warning{margin-top:8px}.form-control:focus{border-color:#0081ba;border-color:var(--color-interactive-accent-active)}.np-theme-personal .form-control:not(.disabled,:disabled):focus{border-color:var(--color-interactive-primary);outline:0}.np-theme-personal .form-control:hover{border-color:#b5b7ba;border-color:var(--color-interactive-secondary-hover)}.np-theme-personal .form-control:focus{border-color:var(--color-interactive-primary)}input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}@media screen and (min-device-pixel-ratio:0){input[type=date],input[type=datetime-local],input[type=month],input[type=time]{line-height:var(--input-height-base)}.input-group-sm input[type=date],.input-group-sm input[type=datetime-local],.input-group-sm input[type=month],.input-group-sm input[type=time],input[type=date].input-sm,input[type=datetime-local].input-sm,input[type=month].input-sm,input[type=time].input-sm{line-height:var(--input-height-small)}.input-group-lg input[type=date],.input-group-lg input[type=datetime-local],.input-group-lg input[type=month],.input-group-lg input[type=time],input[type=date].input-lg,input[type=datetime-local].input-lg,input[type=month].input-lg,input[type=time].input-lg{line-height:calc(var(--input-height-large) - 1.5);line-height:calc(var(--input-height-large) - var(--line-height-body))}}.form-group{margin-bottom:24px}.form-group label{margin-bottom:2px}.form-group:focus-within .control-label,.form-group:focus-within>label{color:#0097c7;color:var(--color-content-accent)}.row-equal-height>[class*=col-]>.form-group{width:100%}.checkbox,.radio{display:block;margin-top:0;position:relative}.checkbox label,.radio label{cursor:pointer;margin-bottom:0;min-height:var(--input-height-base)}.checkbox+.checkbox,.radio+.radio{margin-top:12px}.checkbox input[type=checkbox],.checkbox-inline input[type=checkbox],.radio input[type=radio],.radio-inline input[type=radio]{margin-left:-20px;margin-top:4px\9;position:absolute}[dir=rtl] .checkbox input[type=checkbox],[dir=rtl] .checkbox-inline input[type=checkbox],[dir=rtl] .radio input[type=radio],[dir=rtl] .radio-inline input[type=radio]{margin-left:0;margin-right:-20px}.checkbox-inline,.radio-inline{cursor:pointer;display:inline-block;font-weight:400;margin-bottom:0;padding-left:20px;position:relative;vertical-align:middle}[dir=rtl] .checkbox-inline,[dir=rtl] .radio-inline{padding-left:0;padding-right:20px}.checkbox-inline.disabled,.radio-inline.disabled,fieldset[disabled] .checkbox-inline,fieldset[disabled] .radio-inline{cursor:not-allowed}.checkbox-inline+.checkbox-inline,.radio-inline+.radio-inline{margin-left:10px;margin-top:0}[dir=rtl] .checkbox-inline+.checkbox-inline,[dir=rtl] .radio-inline+.radio-inline{margin-left:0;margin-right:10px}fieldset[disabled] input[type=checkbox],fieldset[disabled] input[type=radio],input[type=checkbox].disabled,input[type=checkbox][disabled],input[type=radio].disabled,input[type=radio][disabled]{cursor:not-allowed}input[type=password]::-ms-reveal{display:none}.checkbox.disabled label,.radio.disabled label,fieldset[disabled] .checkbox label,fieldset[disabled] .radio label{cursor:not-allowed}.form-control-static{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:3px;color:#5d7079;color:var(--color-content-secondary);margin-bottom:0;min-height:2.4;min-height:calc(var(--line-height-control)*2);padding:var(--input-padding)}.form-control-static.input-lg,.form-control-static.input-sm,[dir=rtl] .form-control-static.input-lg,[dir=rtl] .form-control-static.input-sm{padding-left:0;padding-right:0}.input-sm{border-radius:3px;font-size:14px;font-size:1rem;font-size:var(--font-size-16);font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:-.006em;line-height:24px;line-height:1.5;line-height:var(--line-height-body);line-height:155%;padding:var(--input-padding-small)}.input-sm,select.input-sm{min-height:32px}select[multiple].input-sm,textarea.input-sm{height:auto}.form-group-sm .form-control,.navbar .form-control{border-radius:3px;font-size:.875rem;font-size:var(--font-size-14);height:32px;line-height:24px;padding:var(--input-padding-small)}.form-group-sm select.form-control,.navbar select.form-control{height:32px;line-height:32px}.form-group-sm select[multiple].form-control,.form-group-sm textarea.form-control,.navbar select[multiple].form-control,.navbar textarea.form-control{height:auto}.form-group-sm .form-control-static,.navbar .form-control-static{font-size:.875rem;font-size:var(--font-size-14);height:32px;line-height:24px;min-height:calc(1.2 + 14px);min-height:calc(var(--line-height-control) + 14px);padding:var(--input-padding-small)}.input-lg{border-radius:3px;font-size:1rem;font-size:var(--font-size-16);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:-.011em;line-height:150%;padding:var(--input-padding-large)}.input-lg,select.input-lg{min-height:var(--input-height-large)}select[multiple].input-lg,textarea.input-lg{height:auto}.form-group-lg{position:relative}.form-group-lg .input-group-lg>.form-control,.form-group-lg .input-group-lg>.input-group-addon,.form-group-lg .input-lg{font-size:22px;height:var(--input-height-large);line-height:32px;padding:28px 12px 4px;padding:calc(4px + var(--size-24)) 12px 4px}.form-group-lg select.form-control{line-height:var(--input-height-large)}.form-group-lg select[multiple].form-control,.form-group-lg textarea.form-control{height:auto}.form-group-lg .form-control-static{font-size:22px;height:var(--input-height-large);line-height:32px;min-height:calc(1.2 + 22px);min-height:calc(var(--line-height-control) + 22px);padding:var(--input-padding-large)}.form-group-lg .control-label{left:14px;margin-bottom:0;position:absolute;top:12px;z-index:1}[dir=rtl] .form-group-lg .control-label{left:auto;right:14px}.has-feedback{position:relative}.has-feedback .form-control{padding-right:var(--input-height-base)}[dir=rtl] .has-feedback .form-control{padding-left:var(--input-height-base);padding-right:0}.form-control-feedback{display:block;height:48px;pointer-events:none;position:absolute;right:0;text-align:center;top:0;width:48px;z-index:2}[dir=rtl] .form-control-feedback{left:0;right:auto}.form-group-lg .form-control+.form-control-feedback,.input-group-lg+.form-control-feedback,.input-lg+.form-control-feedback{height:var(--input-height-large);width:var(--input-height-large)}.form-group-sm .form-control+.form-control-feedback,.input-group-sm+.form-control-feedback,.input-sm+.form-control-feedback{height:32px;width:32px}.focus .control-label,.has-focus .control-label{color:#0077a5;color:var(--color-content-accent-active)}.focus .input-group-addon,.has-focus .input-group-addon{border-color:#c9cbce;border-color:var(--color-interactive-secondary)}.focus .input-group-addon:active,.has-focus .input-group-addon:active{border-color:#a7a9ab;border-color:var(--color-interactive-secondary-active)}.error-messages,.help-block{border-radius:10px;border-radius:var(--radius-small);border-style:solid;border-width:0;margin-bottom:4px;margin-top:12px;padding:4px 16px 3px;transition:border-color .15s ease-in-out,background-color .15s ease-in-out}.error-messages a,.help-block a{color:inherit}.help-block{background-color:#86a7bd1a;background-color:var(--color-background-neutral);border-color:#c9cbce;border-color:var(--color-interactive-secondary);color:#5d7079;color:var(--color-content-secondary);display:block;position:relative}.help-block:before{background-color:inherit;content:" ";display:block;height:10px;left:20px;position:absolute;top:-5px;transform:rotate(45deg);width:10px}[dir=rtl] .help-block:before{left:auto;right:20px}.help-block.arrow-center:before{left:50%;margin-left:-5px}[dir=rtl] .help-block.arrow-center:before{left:auto;margin-left:0;margin-right:-5px;right:50%}.help-block.arrow-top:before{bottom:auto;top:-5px}.help-block.arrow-left:before{left:20px;right:auto}[dir=rtl] .help-block.arrow-left:before{left:auto;right:20px;right:auto}.help-block.arrow-right:before{left:auto;right:20px}[dir=rtl] .help-block.arrow-right:before{left:auto;left:20px;right:auto}.help-block.arrow-bottom:before{bottom:-5px;top:auto}.focus .alert,.has-focus .alert{border-color:#0081ba;border-color:var(--color-interactive-accent-active)}.has-success{border-color:#2ead4b!important;border-color:var(--color-interactive-positive)!important}.has-success .checkbox,.has-success .checkbox label,.has-success .checkbox-inline,.has-success .checkbox-inline label,.has-success .control-label,.has-success .input-group-addon,.has-success .radio,.has-success .radio label,.has-success .radio-inline,.has-success .radio-inline label,.has-success.checkbox label,.has-success.checkbox-inline label,.has-success.radio label,.has-success.radio-inline label{border-color:#2ead4b!important;border-color:var(--color-interactive-positive)!important;color:#008026!important;color:var(--color-content-positive)!important}.has-success .alert,.has-success .btn-input,.has-success .btn-input:not(.disabled,:disabled):focus,.has-success .btn-input:not(.disabled,:disabled):hover,.has-success .form-control,.has-success .input-group-addon{border-color:#2ead4b!important;border-color:var(--color-interactive-positive)!important}.has-success:active .alert,.has-success:active .btn-input,.has-success:active .form-control,.has-success:active .input-group .form-control:focus,.has-success:active .input-group-addon,.has-success:active.checkbox label,.has-success:active.radio label,.has-success:focus .alert,.has-success:focus .btn-input,.has-success:focus .form-control,.has-success:focus .input-group .form-control:focus,.has-success:focus .input-group-addon,.has-success:focus-within .alert,.has-success:focus-within .btn-input,.has-success:focus-within .form-control,.has-success:focus-within .input-group .form-control:focus,.has-success:focus-within .input-group-addon,.has-success:focus-within.checkbox label,.has-success:focus-within.radio label,.has-success:focus.checkbox label,.has-success:focus.radio label{border-color:#069939!important;border-color:var(--color-interactive-positive-hover)!important}.has-success:not(.disabled,:disabled):hover .alert,.has-success:not(.disabled,:disabled):hover .btn-input,.has-success:not(.disabled,:disabled):hover.checkbox label,.has-success:not(.disabled,:disabled):hover.radio label{border-color:#069939!important;border-color:var(--color-interactive-positive-hover)!important}.has-success .form-control-feedback{color:#008026;color:var(--color-content-positive)}.has-success .radio>label:not(.disabled,:disabled),.has-success.checkbox>label:not(.disabled,:disabled){border-color:#2ead4b;border-color:var(--color-interactive-positive);color:#37517e;color:var(--color-content-primary)}.has-success .radio>label:focus-within,.has-success .radio>label:not(.disabled,:disabled):hover,.has-success.checkbox>label:focus-within,.has-success.checkbox>label:not(.disabled,:disabled):hover{border-color:#069939!important;border-color:var(--color-interactive-positive-hover)!important}.has-success .radio>label:focus-within .tw-checkbox-button,.has-success .radio>label:focus-within .tw-radio-button,.has-success .radio>label:not(.disabled,:disabled):hover .tw-checkbox-button,.has-success .radio>label:not(.disabled,:disabled):hover .tw-radio-button,.has-success.checkbox>label:focus-within .tw-checkbox-button,.has-success.checkbox>label:focus-within .tw-radio-button,.has-success.checkbox>label:not(.disabled,:disabled):hover .tw-checkbox-button,.has-success.checkbox>label:not(.disabled,:disabled):hover .tw-radio-button{border-color:#069939!important;border-color:var(--color-interactive-positive-hover)!important}.has-success .radio .tw-checkbox-button,.has-success .radio .tw-radio-button,.has-success.checkbox .tw-checkbox-button,.has-success.checkbox .tw-radio-button{border-color:#2ead4b;border-color:var(--color-interactive-positive)}.np-theme-personal .has-success{border-color:var(--color-sentiment-positive)!important}.np-theme-personal .has-success .checkbox,.np-theme-personal .has-success .checkbox label,.np-theme-personal .has-success .checkbox-inline,.np-theme-personal .has-success .checkbox-inline label,.np-theme-personal .has-success .control-label,.np-theme-personal .has-success .input-group-addon,.np-theme-personal .has-success .radio,.np-theme-personal .has-success .radio label,.np-theme-personal .has-success .radio-inline,.np-theme-personal .has-success .radio-inline label,.np-theme-personal .has-success.checkbox label,.np-theme-personal .has-success.checkbox-inline label,.np-theme-personal .has-success.radio label,.np-theme-personal .has-success.radio-inline label{border-color:var(--color-sentiment-positive)!important;color:var(--color-sentiment-positive)!important}.np-theme-personal .has-success .alert,.np-theme-personal .has-success .btn-input,.np-theme-personal .has-success .btn-input:not(.disabled,:disabled):focus,.np-theme-personal .has-success .btn-input:not(.disabled,:disabled):hover,.np-theme-personal .has-success .form-control,.np-theme-personal .has-success .input-group-addon{border-color:var(--color-sentiment-positive)!important}.np-theme-personal .has-success:active .alert,.np-theme-personal .has-success:active .btn-input,.np-theme-personal .has-success:active .form-control,.np-theme-personal .has-success:active .input-group .form-control:focus,.np-theme-personal .has-success:active .input-group-addon,.np-theme-personal .has-success:active.checkbox label,.np-theme-personal .has-success:active.radio label,.np-theme-personal .has-success:focus .alert,.np-theme-personal .has-success:focus .btn-input,.np-theme-personal .has-success:focus .form-control,.np-theme-personal .has-success:focus .input-group .form-control:focus,.np-theme-personal .has-success:focus .input-group-addon,.np-theme-personal .has-success:focus-within .alert,.np-theme-personal .has-success:focus-within .btn-input,.np-theme-personal .has-success:focus-within .form-control,.np-theme-personal .has-success:focus-within .input-group .form-control:focus,.np-theme-personal .has-success:focus-within .input-group-addon,.np-theme-personal .has-success:focus-within.checkbox label,.np-theme-personal .has-success:focus-within.radio label,.np-theme-personal .has-success:focus.checkbox label,.np-theme-personal .has-success:focus.radio label{border-color:var(--color-sentiment-positive)!important}.np-theme-personal .has-success:not(.disabled,:disabled):hover .alert,.np-theme-personal .has-success:not(.disabled,:disabled):hover .btn-input,.np-theme-personal .has-success:not(.disabled,:disabled):hover.checkbox label,.np-theme-personal .has-success:not(.disabled,:disabled):hover.radio label{border-color:var(--color-sentiment-positive)!important}.np-theme-personal .has-success .form-control-feedback{color:var(--color-sentiment-positive)}.np-theme-personal .has-success .radio>label:not(.disabled,:disabled),.np-theme-personal .has-success.checkbox>label:not(.disabled,:disabled){border-color:var(--color-sentiment-positive);color:#37517e;color:var(--color-content-primary)}.np-theme-personal .has-success .radio>label:focus-within,.np-theme-personal .has-success .radio>label:not(.disabled,:disabled):hover,.np-theme-personal .has-success.checkbox>label:focus-within,.np-theme-personal .has-success.checkbox>label:not(.disabled,:disabled):hover{border-color:var(--color-sentiment-positive)!important}.np-theme-personal .has-success .radio>label:focus-within .tw-checkbox-button,.np-theme-personal .has-success .radio>label:focus-within .tw-radio-button,.np-theme-personal .has-success .radio>label:not(.disabled,:disabled):hover .tw-checkbox-button,.np-theme-personal .has-success .radio>label:not(.disabled,:disabled):hover .tw-radio-button,.np-theme-personal .has-success.checkbox>label:focus-within .tw-checkbox-button,.np-theme-personal .has-success.checkbox>label:focus-within .tw-radio-button,.np-theme-personal .has-success.checkbox>label:not(.disabled,:disabled):hover .tw-checkbox-button,.np-theme-personal .has-success.checkbox>label:not(.disabled,:disabled):hover .tw-radio-button{border-color:var(--color-sentiment-positive)!important}.np-theme-personal .has-success .radio .tw-checkbox-button,.np-theme-personal .has-success .radio .tw-radio-button,.np-theme-personal .has-success.checkbox .tw-checkbox-button,.np-theme-personal .has-success.checkbox .tw-radio-button{border-color:var(--color-sentiment-positive)}.has-info{border-color:#00a2dd!important;border-color:var(--color-interactive-accent)!important}.has-info .checkbox,.has-info .checkbox label,.has-info .checkbox-inline,.has-info .checkbox-inline label,.has-info .control-label,.has-info .input-group-addon,.has-info .radio,.has-info .radio label,.has-info .radio-inline,.has-info .radio-inline label,.has-info.checkbox label,.has-info.checkbox-inline label,.has-info.radio label,.has-info.radio-inline label{border-color:#00a2dd!important;border-color:var(--color-interactive-accent)!important;color:#0097c7!important;color:var(--color-content-accent)!important}.has-info .alert,.has-info .btn-input,.has-info .btn-input:not(.disabled,:disabled):focus,.has-info .btn-input:not(.disabled,:disabled):hover,.has-info .form-control,.has-info .input-group-addon{border-color:#00a2dd!important;border-color:var(--color-interactive-accent)!important}.has-info:active .alert,.has-info:active .btn-input,.has-info:active .form-control,.has-info:active .input-group .form-control:focus,.has-info:active .input-group-addon,.has-info:active.checkbox label,.has-info:active.radio label,.has-info:focus .alert,.has-info:focus .btn-input,.has-info:focus .form-control,.has-info:focus .input-group .form-control:focus,.has-info:focus .input-group-addon,.has-info:focus-within .alert,.has-info:focus-within .btn-input,.has-info:focus-within .form-control,.has-info:focus-within .input-group .form-control:focus,.has-info:focus-within .input-group-addon,.has-info:focus-within.checkbox label,.has-info:focus-within.radio label,.has-info:focus.checkbox label,.has-info:focus.radio label{border-color:#008fc9!important;border-color:var(--color-interactive-accent-hover)!important}.has-info:not(.disabled,:disabled):hover .alert,.has-info:not(.disabled,:disabled):hover .btn-input,.has-info:not(.disabled,:disabled):hover.checkbox label,.has-info:not(.disabled,:disabled):hover.radio label{border-color:#008fc9!important;border-color:var(--color-interactive-accent-hover)!important}.has-info .form-control-feedback{color:#0097c7;color:var(--color-content-accent)}.has-info .radio>label:not(.disabled,:disabled),.has-info.checkbox>label:not(.disabled,:disabled){border-color:#00a2dd;border-color:var(--color-interactive-accent);color:#37517e;color:var(--color-content-primary)}.has-info .radio>label:focus-within,.has-info .radio>label:not(.disabled,:disabled):hover,.has-info.checkbox>label:focus-within,.has-info.checkbox>label:not(.disabled,:disabled):hover{border-color:#008fc9!important;border-color:var(--color-interactive-accent-hover)!important}.has-info .radio>label:focus-within .tw-checkbox-button,.has-info .radio>label:focus-within .tw-radio-button,.has-info .radio>label:not(.disabled,:disabled):hover .tw-checkbox-button,.has-info .radio>label:not(.disabled,:disabled):hover .tw-radio-button,.has-info.checkbox>label:focus-within .tw-checkbox-button,.has-info.checkbox>label:focus-within .tw-radio-button,.has-info.checkbox>label:not(.disabled,:disabled):hover .tw-checkbox-button,.has-info.checkbox>label:not(.disabled,:disabled):hover .tw-radio-button{border-color:#008fc9!important;border-color:var(--color-interactive-accent-hover)!important}.has-info .radio .tw-checkbox-button,.has-info .radio .tw-radio-button,.has-info.checkbox .tw-checkbox-button,.has-info.checkbox .tw-radio-button{border-color:#00a2dd;border-color:var(--color-interactive-accent)}.np-theme-personal .has-info{border-color:transparent!important}.np-theme-personal .has-info .checkbox,.np-theme-personal .has-info .checkbox label,.np-theme-personal .has-info .checkbox-inline,.np-theme-personal .has-info .checkbox-inline label,.np-theme-personal .has-info .control-label,.np-theme-personal .has-info .input-group-addon,.np-theme-personal .has-info .radio,.np-theme-personal .has-info .radio label,.np-theme-personal .has-info .radio-inline,.np-theme-personal .has-info .radio-inline label,.np-theme-personal .has-info.checkbox label,.np-theme-personal .has-info.checkbox-inline label,.np-theme-personal .has-info.radio label,.np-theme-personal .has-info.radio-inline label{border-color:transparent!important;color:#37517e!important;color:var(--color-content-primary)!important}.np-theme-personal .has-info .alert,.np-theme-personal .has-info .btn-input,.np-theme-personal .has-info .btn-input:not(.disabled,:disabled):focus,.np-theme-personal .has-info .btn-input:not(.disabled,:disabled):hover,.np-theme-personal .has-info .form-control,.np-theme-personal .has-info .input-group-addon{border-color:transparent!important}.np-theme-personal .has-info:active .alert,.np-theme-personal .has-info:active .btn-input,.np-theme-personal .has-info:active .form-control,.np-theme-personal .has-info:active .input-group .form-control:focus,.np-theme-personal .has-info:active .input-group-addon,.np-theme-personal .has-info:active.checkbox label,.np-theme-personal .has-info:active.radio label,.np-theme-personal .has-info:focus .alert,.np-theme-personal .has-info:focus .btn-input,.np-theme-personal .has-info:focus .form-control,.np-theme-personal .has-info:focus .input-group .form-control:focus,.np-theme-personal .has-info:focus .input-group-addon,.np-theme-personal .has-info:focus-within .alert,.np-theme-personal .has-info:focus-within .btn-input,.np-theme-personal .has-info:focus-within .form-control,.np-theme-personal .has-info:focus-within .input-group .form-control:focus,.np-theme-personal .has-info:focus-within .input-group-addon,.np-theme-personal .has-info:focus-within.checkbox label,.np-theme-personal .has-info:focus-within.radio label,.np-theme-personal .has-info:focus.checkbox label,.np-theme-personal .has-info:focus.radio label{border-color:transparent!important}.np-theme-personal .has-info:not(.disabled,:disabled):hover .alert,.np-theme-personal .has-info:not(.disabled,:disabled):hover .btn-input,.np-theme-personal .has-info:not(.disabled,:disabled):hover.checkbox label,.np-theme-personal .has-info:not(.disabled,:disabled):hover.radio label{border-color:transparent!important}.np-theme-personal .has-info .form-control-feedback{color:#37517e;color:var(--color-content-primary)}.np-theme-personal .has-info .radio>label:not(.disabled,:disabled),.np-theme-personal .has-info.checkbox>label:not(.disabled,:disabled){border-color:transparent;color:#37517e;color:var(--color-content-primary)}.np-theme-personal .has-info .radio>label:focus-within,.np-theme-personal .has-info .radio>label:not(.disabled,:disabled):hover,.np-theme-personal .has-info.checkbox>label:focus-within,.np-theme-personal .has-info.checkbox>label:not(.disabled,:disabled):hover{border-color:transparent!important}.np-theme-personal .has-info .radio>label:focus-within .tw-checkbox-button,.np-theme-personal .has-info .radio>label:focus-within .tw-radio-button,.np-theme-personal .has-info .radio>label:not(.disabled,:disabled):hover .tw-checkbox-button,.np-theme-personal .has-info .radio>label:not(.disabled,:disabled):hover .tw-radio-button,.np-theme-personal .has-info.checkbox>label:focus-within .tw-checkbox-button,.np-theme-personal .has-info.checkbox>label:focus-within .tw-radio-button,.np-theme-personal .has-info.checkbox>label:not(.disabled,:disabled):hover .tw-checkbox-button,.np-theme-personal .has-info.checkbox>label:not(.disabled,:disabled):hover .tw-radio-button{border-color:transparent!important}.np-theme-personal .has-info .radio .tw-checkbox-button,.np-theme-personal .has-info .radio .tw-radio-button,.np-theme-personal .has-info.checkbox .tw-checkbox-button,.np-theme-personal .has-info.checkbox .tw-radio-button{border-color:transparent}.has-warning{border-color:#df8700!important;border-color:var(--color-interactive-warning)!important}.has-warning .checkbox,.has-warning .checkbox label,.has-warning .checkbox-inline,.has-warning .checkbox-inline label,.has-warning .control-label,.has-warning .input-group-addon,.has-warning .radio,.has-warning .radio label,.has-warning .radio-inline,.has-warning .radio-inline label,.has-warning.checkbox label,.has-warning.checkbox-inline label,.has-warning.radio label,.has-warning.radio-inline label{border-color:#df8700!important;border-color:var(--color-interactive-warning)!important;color:#9a6500!important;color:var(--color-content-warning)!important}.has-warning .alert,.has-warning .btn-input,.has-warning .btn-input:not(.disabled,:disabled):focus,.has-warning .btn-input:not(.disabled,:disabled):hover,.has-warning .form-control,.has-warning .input-group-addon{border-color:#df8700!important;border-color:var(--color-interactive-warning)!important}.has-warning:active .alert,.has-warning:active .btn-input,.has-warning:active .form-control,.has-warning:active .input-group .form-control:focus,.has-warning:active .input-group-addon,.has-warning:active.checkbox label,.has-warning:active.radio label,.has-warning:focus .alert,.has-warning:focus .btn-input,.has-warning:focus .form-control,.has-warning:focus .input-group .form-control:focus,.has-warning:focus .input-group-addon,.has-warning:focus-within .alert,.has-warning:focus-within .btn-input,.has-warning:focus-within .form-control,.has-warning:focus-within .input-group .form-control:focus,.has-warning:focus-within .input-group-addon,.has-warning:focus-within.checkbox label,.has-warning:focus-within.radio label,.has-warning:focus.checkbox label,.has-warning:focus.radio label{border-color:#c97500!important;border-color:var(--color-interactive-warning-hover)!important}.has-warning:not(.disabled,:disabled):hover .alert,.has-warning:not(.disabled,:disabled):hover .btn-input,.has-warning:not(.disabled,:disabled):hover.checkbox label,.has-warning:not(.disabled,:disabled):hover.radio label{border-color:#c97500!important;border-color:var(--color-interactive-warning-hover)!important}.has-warning .form-control-feedback{color:#9a6500;color:var(--color-content-warning)}.has-warning .radio>label:not(.disabled,:disabled),.has-warning.checkbox>label:not(.disabled,:disabled){border-color:#df8700;border-color:var(--color-interactive-warning);color:#37517e;color:var(--color-content-primary)}.has-warning .radio>label:focus-within,.has-warning .radio>label:not(.disabled,:disabled):hover,.has-warning.checkbox>label:focus-within,.has-warning.checkbox>label:not(.disabled,:disabled):hover{border-color:#c97500!important;border-color:var(--color-interactive-warning-hover)!important}.has-warning .radio>label:focus-within .tw-checkbox-button,.has-warning .radio>label:focus-within .tw-radio-button,.has-warning .radio>label:not(.disabled,:disabled):hover .tw-checkbox-button,.has-warning .radio>label:not(.disabled,:disabled):hover .tw-radio-button,.has-warning.checkbox>label:focus-within .tw-checkbox-button,.has-warning.checkbox>label:focus-within .tw-radio-button,.has-warning.checkbox>label:not(.disabled,:disabled):hover .tw-checkbox-button,.has-warning.checkbox>label:not(.disabled,:disabled):hover .tw-radio-button{border-color:#c97500!important;border-color:var(--color-interactive-warning-hover)!important}.has-warning .radio .tw-checkbox-button,.has-warning .radio .tw-radio-button,.has-warning.checkbox .tw-checkbox-button,.has-warning.checkbox .tw-radio-button{border-color:#df8700;border-color:var(--color-interactive-warning)}.np-theme-personal .has-warning{border-color:var(--color-sentiment-warning)!important}.np-theme-personal .has-warning .checkbox,.np-theme-personal .has-warning .checkbox label,.np-theme-personal .has-warning .checkbox-inline,.np-theme-personal .has-warning .checkbox-inline label,.np-theme-personal .has-warning .control-label,.np-theme-personal .has-warning .input-group-addon,.np-theme-personal .has-warning .radio,.np-theme-personal .has-warning .radio label,.np-theme-personal .has-warning .radio-inline,.np-theme-personal .has-warning .radio-inline label,.np-theme-personal .has-warning.checkbox label,.np-theme-personal .has-warning.checkbox-inline label,.np-theme-personal .has-warning.radio label,.np-theme-personal .has-warning.radio-inline label{border-color:var(--color-sentiment-warning)!important;color:var(--color-sentiment-warning)!important}.np-theme-personal .has-warning .alert,.np-theme-personal .has-warning .btn-input,.np-theme-personal .has-warning .btn-input:not(.disabled,:disabled):focus,.np-theme-personal .has-warning .btn-input:not(.disabled,:disabled):hover,.np-theme-personal .has-warning .form-control,.np-theme-personal .has-warning .input-group-addon{border-color:var(--color-sentiment-warning)!important}.np-theme-personal .has-warning:active .alert,.np-theme-personal .has-warning:active .btn-input,.np-theme-personal .has-warning:active .form-control,.np-theme-personal .has-warning:active .input-group .form-control:focus,.np-theme-personal .has-warning:active .input-group-addon,.np-theme-personal .has-warning:active.checkbox label,.np-theme-personal .has-warning:active.radio label,.np-theme-personal .has-warning:focus .alert,.np-theme-personal .has-warning:focus .btn-input,.np-theme-personal .has-warning:focus .form-control,.np-theme-personal .has-warning:focus .input-group .form-control:focus,.np-theme-personal .has-warning:focus .input-group-addon,.np-theme-personal .has-warning:focus-within .alert,.np-theme-personal .has-warning:focus-within .btn-input,.np-theme-personal .has-warning:focus-within .form-control,.np-theme-personal .has-warning:focus-within .input-group .form-control:focus,.np-theme-personal .has-warning:focus-within .input-group-addon,.np-theme-personal .has-warning:focus-within.checkbox label,.np-theme-personal .has-warning:focus-within.radio label,.np-theme-personal .has-warning:focus.checkbox label,.np-theme-personal .has-warning:focus.radio label{border-color:var(--color-sentiment-warning)!important}.np-theme-personal .has-warning:not(.disabled,:disabled):hover .alert,.np-theme-personal .has-warning:not(.disabled,:disabled):hover .btn-input,.np-theme-personal .has-warning:not(.disabled,:disabled):hover.checkbox label,.np-theme-personal .has-warning:not(.disabled,:disabled):hover.radio label{border-color:var(--color-sentiment-warning)!important}.np-theme-personal .has-warning .form-control-feedback{color:var(--color-sentiment-warning)}.np-theme-personal .has-warning .radio>label:not(.disabled,:disabled),.np-theme-personal .has-warning.checkbox>label:not(.disabled,:disabled){border-color:var(--color-sentiment-warning);color:#37517e;color:var(--color-content-primary)}.np-theme-personal .has-warning .radio>label:focus-within,.np-theme-personal .has-warning .radio>label:not(.disabled,:disabled):hover,.np-theme-personal .has-warning.checkbox>label:focus-within,.np-theme-personal .has-warning.checkbox>label:not(.disabled,:disabled):hover{border-color:var(--color-sentiment-warning)!important}.np-theme-personal .has-warning .radio>label:focus-within .tw-checkbox-button,.np-theme-personal .has-warning .radio>label:focus-within .tw-radio-button,.np-theme-personal .has-warning .radio>label:not(.disabled,:disabled):hover .tw-checkbox-button,.np-theme-personal .has-warning .radio>label:not(.disabled,:disabled):hover .tw-radio-button,.np-theme-personal .has-warning.checkbox>label:focus-within .tw-checkbox-button,.np-theme-personal .has-warning.checkbox>label:focus-within .tw-radio-button,.np-theme-personal .has-warning.checkbox>label:not(.disabled,:disabled):hover .tw-checkbox-button,.np-theme-personal .has-warning.checkbox>label:not(.disabled,:disabled):hover .tw-radio-button{border-color:var(--color-sentiment-warning)!important}.np-theme-personal .has-warning .radio .tw-checkbox-button,.np-theme-personal .has-warning .radio .tw-radio-button,.np-theme-personal .has-warning.checkbox .tw-checkbox-button,.np-theme-personal .has-warning.checkbox .tw-radio-button{border-color:var(--color-sentiment-warning)}.has-error{border-color:#e74848!important;border-color:var(--color-interactive-negative)!important}.has-error .checkbox,.has-error .checkbox label,.has-error .checkbox-inline,.has-error .checkbox-inline label,.has-error .control-label,.has-error .input-group-addon,.has-error .radio,.has-error .radio label,.has-error .radio-inline,.has-error .radio-inline label,.has-error.checkbox label,.has-error.checkbox-inline label,.has-error.radio label,.has-error.radio-inline label{border-color:#e74848!important;border-color:var(--color-interactive-negative)!important;color:#cf2929!important;color:var(--color-content-negative)!important}.has-error .alert,.has-error .btn-input,.has-error .btn-input:not(.disabled,:disabled):focus,.has-error .btn-input:not(.disabled,:disabled):hover,.has-error .form-control,.has-error .input-group-addon{border-color:#e74848!important;border-color:var(--color-interactive-negative)!important}.has-error:active .alert,.has-error:active .btn-input,.has-error:active .form-control,.has-error:active .input-group .form-control:focus,.has-error:active .input-group-addon,.has-error:active.checkbox label,.has-error:active.radio label,.has-error:focus .alert,.has-error:focus .btn-input,.has-error:focus .form-control,.has-error:focus .input-group .form-control:focus,.has-error:focus .input-group-addon,.has-error:focus-within .alert,.has-error:focus-within .btn-input,.has-error:focus-within .form-control,.has-error:focus-within .input-group .form-control:focus,.has-error:focus-within .input-group-addon,.has-error:focus-within.checkbox label,.has-error:focus-within.radio label,.has-error:focus.checkbox label,.has-error:focus.radio label{border-color:#d03238!important;border-color:var(--color-interactive-negative-hover)!important}.has-error:not(.disabled,:disabled):hover .alert,.has-error:not(.disabled,:disabled):hover .btn-input,.has-error:not(.disabled,:disabled):hover.checkbox label,.has-error:not(.disabled,:disabled):hover.radio label{border-color:#d03238!important;border-color:var(--color-interactive-negative-hover)!important}.has-error .form-control-feedback{color:#cf2929;color:var(--color-content-negative)}.has-error .radio>label:not(.disabled,:disabled),.has-error.checkbox>label:not(.disabled,:disabled){border-color:#e74848;border-color:var(--color-interactive-negative);color:#37517e;color:var(--color-content-primary)}.has-error .radio>label:focus-within,.has-error .radio>label:not(.disabled,:disabled):hover,.has-error.checkbox>label:focus-within,.has-error.checkbox>label:not(.disabled,:disabled):hover{border-color:#d03238!important;border-color:var(--color-interactive-negative-hover)!important}.has-error .radio>label:focus-within .tw-checkbox-button,.has-error .radio>label:focus-within .tw-radio-button,.has-error .radio>label:not(.disabled,:disabled):hover .tw-checkbox-button,.has-error .radio>label:not(.disabled,:disabled):hover .tw-radio-button,.has-error.checkbox>label:focus-within .tw-checkbox-button,.has-error.checkbox>label:focus-within .tw-radio-button,.has-error.checkbox>label:not(.disabled,:disabled):hover .tw-checkbox-button,.has-error.checkbox>label:not(.disabled,:disabled):hover .tw-radio-button{border-color:#d03238!important;border-color:var(--color-interactive-negative-hover)!important}.has-error .radio .tw-checkbox-button,.has-error .radio .tw-radio-button,.has-error.checkbox .tw-checkbox-button,.has-error.checkbox .tw-radio-button{border-color:#e74848;border-color:var(--color-interactive-negative)}.np-theme-personal .has-error{border-color:var(--color-sentiment-negative)!important}.np-theme-personal .has-error .checkbox,.np-theme-personal .has-error .checkbox label,.np-theme-personal .has-error .checkbox-inline,.np-theme-personal .has-error .checkbox-inline label,.np-theme-personal .has-error .control-label,.np-theme-personal .has-error .input-group-addon,.np-theme-personal .has-error .radio,.np-theme-personal .has-error .radio label,.np-theme-personal .has-error .radio-inline,.np-theme-personal .has-error .radio-inline label,.np-theme-personal .has-error.checkbox label,.np-theme-personal .has-error.checkbox-inline label,.np-theme-personal .has-error.radio label,.np-theme-personal .has-error.radio-inline label{border-color:var(--color-sentiment-negative)!important;color:var(--color-sentiment-negative)!important}.np-theme-personal .has-error .alert,.np-theme-personal .has-error .btn-input,.np-theme-personal .has-error .btn-input:not(.disabled,:disabled):focus,.np-theme-personal .has-error .btn-input:not(.disabled,:disabled):hover,.np-theme-personal .has-error .form-control,.np-theme-personal .has-error .input-group-addon{border-color:var(--color-sentiment-negative)!important}.np-theme-personal .has-error:active .alert,.np-theme-personal .has-error:active .btn-input,.np-theme-personal .has-error:active .form-control,.np-theme-personal .has-error:active .input-group .form-control:focus,.np-theme-personal .has-error:active .input-group-addon,.np-theme-personal .has-error:active.checkbox label,.np-theme-personal .has-error:active.radio label,.np-theme-personal .has-error:focus .alert,.np-theme-personal .has-error:focus .btn-input,.np-theme-personal .has-error:focus .form-control,.np-theme-personal .has-error:focus .input-group .form-control:focus,.np-theme-personal .has-error:focus .input-group-addon,.np-theme-personal .has-error:focus-within .alert,.np-theme-personal .has-error:focus-within .btn-input,.np-theme-personal .has-error:focus-within .form-control,.np-theme-personal .has-error:focus-within .input-group .form-control:focus,.np-theme-personal .has-error:focus-within .input-group-addon,.np-theme-personal .has-error:focus-within.checkbox label,.np-theme-personal .has-error:focus-within.radio label,.np-theme-personal .has-error:focus.checkbox label,.np-theme-personal .has-error:focus.radio label{border-color:var(--color-sentiment-negative-hover)!important}.np-theme-personal .has-error:not(.disabled,:disabled):hover .alert,.np-theme-personal .has-error:not(.disabled,:disabled):hover .btn-input,.np-theme-personal .has-error:not(.disabled,:disabled):hover.checkbox label,.np-theme-personal .has-error:not(.disabled,:disabled):hover.radio label{border-color:var(--color-sentiment-negative-hover)!important}.np-theme-personal .has-error .form-control-feedback{color:var(--color-sentiment-negative)}.np-theme-personal .has-error .radio>label:not(.disabled,:disabled),.np-theme-personal .has-error.checkbox>label:not(.disabled,:disabled){border-color:var(--color-sentiment-negative);color:#37517e;color:var(--color-content-primary)}.np-theme-personal .has-error .radio>label:focus-within,.np-theme-personal .has-error .radio>label:not(.disabled,:disabled):hover,.np-theme-personal .has-error.checkbox>label:focus-within,.np-theme-personal .has-error.checkbox>label:not(.disabled,:disabled):hover{border-color:var(--color-sentiment-negative-hover)!important}.np-theme-personal .has-error .radio>label:focus-within .tw-checkbox-button,.np-theme-personal .has-error .radio>label:focus-within .tw-radio-button,.np-theme-personal .has-error .radio>label:not(.disabled,:disabled):hover .tw-checkbox-button,.np-theme-personal .has-error .radio>label:not(.disabled,:disabled):hover .tw-radio-button,.np-theme-personal .has-error.checkbox>label:focus-within .tw-checkbox-button,.np-theme-personal .has-error.checkbox>label:focus-within .tw-radio-button,.np-theme-personal .has-error.checkbox>label:not(.disabled,:disabled):hover .tw-checkbox-button,.np-theme-personal .has-error.checkbox>label:not(.disabled,:disabled):hover .tw-radio-button{border-color:var(--color-sentiment-negative-hover)!important}.np-theme-personal .has-error .radio .tw-checkbox-button,.np-theme-personal .has-error .radio .tw-radio-button,.np-theme-personal .has-error.checkbox .tw-checkbox-button,.np-theme-personal .has-error.checkbox .tw-radio-button{border-color:var(--color-sentiment-negative)}.has-feedback label~.form-control-feedback{top:1.2;top:var(--line-height-control)}.has-feedback label.sr-only~.form-control-feedback{top:0}@media (min-width:576px){.form-inline .form-group{display:inline-block;margin-bottom:0;vertical-align:middle}.form-inline .form-control{display:inline-block;vertical-align:middle;width:auto}.form-inline .form-control-static{display:inline-block}.form-inline .input-group{display:inline-table;vertical-align:middle}.form-inline .input-group .form-control,.form-inline .input-group .input-group-addon,.form-inline .input-group .input-group-btn{width:auto}.form-inline .input-group>.form-control{width:100%}.form-inline .control-label{margin-bottom:0;vertical-align:-2px}.form-inline .checkbox,.form-inline .radio{display:inline-block;margin-bottom:0;margin-top:0;vertical-align:middle}.form-inline .checkbox label,.form-inline .radio label{padding-left:0}[dir=rtl] .form-inline .checkbox label,[dir=rtl] .form-inline .radio label{padding-left:0;padding-right:0}.form-inline .checkbox input[type=checkbox],.form-inline .radio input[type=radio]{margin-left:0;position:relative}[dir=rtl] .form-inline .checkbox input[type=checkbox],[dir=rtl] .form-inline .radio input[type=radio]{margin-left:0;margin-right:0}.form-inline .has-feedback .form-control-feedback{top:0}}.form-horizontal .checkbox,.form-horizontal .checkbox-inline,.form-horizontal .radio,.form-horizontal .radio-inline{margin-bottom:0;margin-top:0;padding-top:9px}.form-horizontal .checkbox,.form-horizontal .radio{min-height:calc(2.2 + 8px);min-height:calc(var(--line-height-control) + 8px + 1)}.form-horizontal .form-group,[dir=rtl] .form-horizontal .form-group{margin-left:-12px;margin-right:-12px}@media (min-width:576px){.form-horizontal .control-label{margin-bottom:0;padding-top:14px;text-align:right}[dir=rtl] .form-horizontal .control-label{text-align:left}}.form-horizontal .has-feedback .form-control-feedback{right:12px}[dir=rtl] .form-horizontal .has-feedback .form-control-feedback{left:12px;right:auto}@media (min-width:576px){.form-horizontal .form-group-lg .control-label{font-size:1.25rem;font-size:var(--font-size-20);padding-top:17px}.form-horizontal .form-group-sm .control-label{font-size:.875rem;font-size:var(--font-size-14);padding-top:8px}}.checkbox,.radio{border-color:#c9cbce;border-color:var(--color-interactive-secondary)}.checkbox>label,.radio>label{padding-left:48px;position:relative}[dir=rtl] .checkbox>label,[dir=rtl] .radio>label{padding-left:0;padding-right:48px}.checkbox>label input[type=checkbox],.checkbox>label input[type=radio],.radio>label input[type=checkbox],.radio>label input[type=radio]{display:block;left:40px;position:absolute;top:13px}[dir=rtl] .checkbox>label input[type=checkbox],[dir=rtl] .checkbox>label input[type=radio],[dir=rtl] .radio>label input[type=checkbox],[dir=rtl] .radio>label input[type=radio]{left:auto;right:40px}.tw-checkbox-button{background:#fff;background:var(--color-background-screen);border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:3px;display:inline-block;height:22px;padding:0;text-align:center;transition:border .15s ease-in-out,background-color .15s ease-in-out;vertical-align:middle;width:22px}.np-theme-personal .tw-checkbox-button{border:none;box-shadow:inset 0 0 0 1px #c9cbce;box-shadow:inset 0 0 0 1px var(--color-interactive-secondary)}.tw-checkbox-button .tw-checkbox-check{color:#fff;color:var(--color-background-screen);display:none;height:20px;margin:0;width:20px}.checkbox:hover .tw-checkbox-button,.tw-checkbox-button:not(.disabled,:disabled):hover,input[type=checkbox]:hover+.tw-checkbox-button{border-color:#b5b7ba;border-color:var(--color-interactive-secondary-hover)}.np-theme-personal .checkbox:hover .tw-checkbox-button,.np-theme-personal .tw-checkbox-button:not(.disabled,:disabled):hover,.np-theme-personal input[type=checkbox]:hover+.tw-checkbox-button{box-shadow:inset 0 0 0 1px #b5b7ba;box-shadow:inset 0 0 0 1px var(--color-interactive-secondary-hover)}.tw-checkbox-button:not(.disabled,:disabled).active,.tw-checkbox-button:not(.disabled,:disabled).focus,.tw-checkbox-button:not(.disabled,:disabled).focus:hover,.tw-checkbox-button:not(.disabled,:disabled):active,.tw-checkbox-button:not(.disabled,:disabled):focus,.tw-checkbox-button:not(.disabled,:disabled):focus:hover,input[type=checkbox]:active+.tw-checkbox-button,input[type=checkbox]:focus+.tw-checkbox-button{border-color:#c9cbce;border-color:var(--color-interactive-secondary);outline:none}input[type=checkbox]:focus-visible+.tw-checkbox-button{outline:var(--ring-outline-color) solid var(--ring-outline-width);outline-offset:var(--ring-outline-offset)}.checkbox input[type=checkbox]:focus-visible+.tw-checkbox-button{outline:none}.tw-checkbox-button.checked,.tw-checkbox-button:checked,input[type=checkbox]:checked+.tw-checkbox-button{background-color:#00a2dd;background-color:var(--color-interactive-accent);border-color:#00a2dd!important;border-color:var(--color-interactive-accent)!important}.tw-checkbox-button.checked .tw-checkbox-check,.tw-checkbox-button:checked .tw-checkbox-check,input[type=checkbox]:checked+.tw-checkbox-button .tw-checkbox-check{display:inline-block}.np-theme-personal .tw-checkbox-button.checked,.np-theme-personal .tw-checkbox-button:checked,.np-theme-personal input[type=checkbox]:checked+.tw-checkbox-button{background-color:var(--color-interactive-primary);box-shadow:inset 0 0 0 1px var(--color-interactive-primary)}.tw-checkbox-button.checked:hover,.tw-checkbox-button:checked:hover,input[type=checkbox]:not(.disabled,:disabled):checked:hover+.tw-checkbox-button{background-color:#008fc9;background-color:var(--color-interactive-accent-hover);border-color:#008fc9!important;border-color:var(--color-interactive-accent-hover)!important}.np-theme-personal .tw-checkbox-button.checked:hover,.np-theme-personal .tw-checkbox-button:checked:hover,.np-theme-personal input[type=checkbox]:not(.disabled,:disabled):checked:hover+.tw-checkbox-button{background-color:var(--color-interactive-primary-hover);border-color:var(--color-interactive-primary-hover)!important;box-shadow:inset 0 0 0 1px var(--color-interactive-primary-hover)}.tw-checkbox-button.checked:active,.tw-checkbox-button:checked:active,input[type=checkbox]:not(.disabled,:disabled):checked:active+.tw-checkbox-button{background-color:#0081ba;background-color:var(--color-interactive-accent-active);border-color:#0081ba!important;border-color:var(--color-interactive-accent-active)!important}.np-theme-personal .tw-checkbox-button.checked:active,.np-theme-personal .tw-checkbox-button:checked:active,.np-theme-personal input[type=checkbox]:not(.disabled,:disabled):checked:active+.tw-checkbox-button{background-color:var(--color-interactive-primary-active);border-color:var(--color-interactive-primary-active)!important;box-shadow:inset 0 0 0 1px var(--color-interactive-primary-active)}.checkbox.has-error .tw-checkbox-button,.tw-checkbox-button.has-error{border-color:#e74848!important;border-color:var(--color-interactive-negative)!important}.checkbox.has-error .tw-checkbox-button.checked,.checkbox.has-error .tw-checkbox-button:checked,.tw-checkbox-button.has-error.checked,.tw-checkbox-button.has-error:checked{background-color:#e74848;background-color:var(--color-interactive-negative)}.checkbox.has-error input[type=checkbox]:not(.disabled,:disabled):checked+.tw-checkbox-button{background-color:#e74848;background-color:var(--color-interactive-negative);border-color:#e74848!important;border-color:var(--color-interactive-negative)!important}.checkbox.has-error input[type=checkbox]:not(.disabled,:disabled):checked:hover+.tw-checkbox-button{background-color:#d03238;background-color:var(--color-interactive-negative-hover);border-color:#d03238!important;border-color:var(--color-interactive-negative-hover)!important}.checkbox.has-error input[type=checkbox]:not(.disabled,:disabled):checked:active+.tw-checkbox-button{background-color:#bf1e2c;background-color:var(--color-interactive-negative-active);border-color:#bf1e2c!important;border-color:var(--color-interactive-negative-active)!important}.tw-radio-button{align-items:center;background:#fff;background:var(--color-background-screen);border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:50%;display:inline-flex;height:24px;justify-content:center;padding:0;transition:border .15s ease-in-out;width:24px}.np-theme-personal .tw-radio-button{border:none;box-shadow:inset 0 0 0 1px #c9cbce;box-shadow:inset 0 0 0 1px var(--color-interactive-secondary);left:0;position:relative;top:0}.tw-radio-button .tw-radio-check{border-radius:50%;display:block;height:12px;opacity:0;text-align:center;transition:all .15s ease-in-out;width:12px}.radio:not(.disabled,:disabled):hover .tw-radio-button,.tw-radio-button:not(.disabled,:disabled):hover{border-color:#b5b7ba;border-color:var(--color-interactive-secondary-hover)}.np-theme-personal .radio:not(.disabled,:disabled):hover .tw-radio-button,.np-theme-personal .tw-radio-button:not(.disabled,:disabled):hover{border-color:transparent;box-shadow:inset 0 0 0 1px #b5b7ba;box-shadow:inset 0 0 0 1px var(--color-interactive-secondary-hover)}.np-theme-personal .radio:not(.disabled,:disabled):hover .tw-radio-button.checked,.np-theme-personal .radio:not(.disabled,:disabled):hover .tw-radio-button:checked,.np-theme-personal .tw-radio-button:not(.disabled,:disabled):hover.checked,.np-theme-personal .tw-radio-button:not(.disabled,:disabled):hover:checked{box-shadow:inset 0 0 0 1px var(--color-interactive-primary)}.np-theme-personal .radio:not(.disabled,:disabled):hover .tw-radio-button.checked .tw-radio-check,.np-theme-personal .radio:not(.disabled,:disabled):hover .tw-radio-button:checked .tw-radio-check,.np-theme-personal .tw-radio-button:not(.disabled,:disabled):hover.checked .tw-radio-check,.np-theme-personal .tw-radio-button:not(.disabled,:disabled):hover:checked .tw-radio-check{background-color:var(--color-interactive-primary-hover)}.tw-radio-button:not(.disabled,:disabled).active,.tw-radio-button:not(.disabled,:disabled).focus,.tw-radio-button:not(.disabled,:disabled):active,.tw-radio-button:not(.disabled,:disabled):focus{border-color:#a7a9ab;border-color:var(--color-interactive-secondary-active);outline:none}.tw-radio-button.checked,.tw-radio-button:checked{border-color:#00a2dd!important;border-color:var(--color-interactive-accent)!important}.tw-radio-button.checked .tw-radio-check,.tw-radio-button:checked .tw-radio-check{background-color:#00a2dd;background-color:var(--color-interactive-accent);opacity:1}.np-theme-personal .tw-radio-button.checked,.np-theme-personal .tw-radio-button:checked{border-color:transparent!important;box-shadow:inset 0 0 0 1px var(--color-interactive-primary)}.np-theme-personal .tw-radio-button.checked .tw-radio-check,.np-theme-personal .tw-radio-button:checked .tw-radio-check{background-color:var(--color-interactive-primary);max-height:12px;max-width:12px}.radio.has-error .tw-radio-button,.tw-radio-button.has-error{border-color:#e74848!important;border-color:var(--color-interactive-negative)!important}.radio.has-error .tw-radio-button.checked .tw-radio-check,.radio.has-error .tw-radio-button:checked .tw-radio-check,.tw-radio-button.has-error.checked .tw-radio-check,.tw-radio-button.has-error:checked .tw-radio-check{background-color:#e74848;background-color:var(--color-interactive-negative)}.radio .tw-radio-button{left:13px;position:absolute;top:11px}[dir=rtl] .radio .tw-radio-button{left:auto;right:13px}.checkbox .tw-checkbox-button{left:14px;position:absolute;top:12px}[dir=rtl] .checkbox .tw-checkbox-button{left:auto;right:14px}.form-inline .tw-checkbox-button,.form-inline .tw-radio-button{vertical-align:bottom}.form-horizontal .checkbox,.form-horizontal .radio{padding-top:0}.form-horizontal .checkbox>label,.form-horizontal .radio>label{margin-bottom:0}.np-checkbox.checkbox,.np-radio.radio{min-width:-moz-fit-content;min-width:fit-content}.np-checkbox.checkbox .np-checkbox-button,.np-checkbox.checkbox .np-radio-button,.np-radio.radio .np-checkbox-button,.np-radio.radio .np-radio-button{flex-shrink:0;position:relative}.np-checkbox.checkbox .tw-checkbox-button,.np-checkbox.checkbox .tw-radio-button,.np-radio.radio .tw-checkbox-button,.np-radio.radio .tw-radio-button{position:static}.np-checkbox.checkbox>label,.np-radio.radio>label{align-items:center;display:flex}.np-checkbox.checkbox>label,.np-radio.radio>label,[dir=rtl] .np-checkbox.checkbox>label,[dir=rtl] .np-radio.radio>label{padding:8px 16px;padding:var(--size-8) var(--size-16)}.np-checkbox.checkbox>label .np-checkbox__text,.np-checkbox.checkbox>label .np-radio__text,.np-radio.radio>label .np-checkbox__text,.np-radio.radio>label .np-radio__text{display:block;padding-top:1px}:not(.np-theme-personal) .np-checkbox.checkbox>label .np-checkbox__text,:not(.np-theme-personal) .np-checkbox.checkbox>label .np-radio__text,:not(.np-theme-personal) .np-radio.radio>label .np-checkbox__text,:not(.np-theme-personal) .np-radio.radio>label .np-radio__text{font-size:1rem;font-size:var(--font-size-16);font-weight:400;font-weight:var(--font-weight-regular);line-height:1.25rem;line-height:var(--line-height-20);padding-top:3px}.np-theme-personal .np-checkbox.checkbox>label,.np-theme-personal .np-radio.radio>label{padding:var(--input-padding)}.np-radio .np-radio__avatar{pointer-events:none}[dir=rtl] .input-group .input-group-btn+input{border-right:0 solid transparent}html:not([dir=rtl]) .input-group .input-group-btn+input{border-left:0 solid transparent}.input-group-addon{transition:border-color .15s ease-in-out}.form-control-feedback,.form-control-feedback.icon{font-size:24px;line-height:48px}.label{padding-top:.25em;position:relative;top:-3px}.label .label-default{background-color:#86a7bd1a;background-color:var(--color-background-neutral);color:#5d7079;color:var(--color-content-secondary)}.form-group{font-size:.875rem;font-size:var(--font-size-14);position:relative}.form-group .row{margin-left:-6px;margin-right:-6px}[dir=rtl] .form-group .row{margin-left:0;margin-left:-6px;margin-right:-6px;margin-right:0}.form-group .row [class*=col-]{padding-left:6px;padding-right:6px}[dir=rtl] .form-group .row [class*=col-]{padding-left:0;padding-left:6px;padding-right:6px;padding-right:0}@media (max-width:575px){.form-group .row [class*=col-sm-]{margin-bottom:0}.form-group .row [class*=col-sm-] .btn-input{margin-bottom:12px}}@media (max-width:767px){.form-group .row [class*=col-md-]{margin-bottom:0}.form-group .row [class*=col-md-] .btn-input,.form-group .row [class*=col-md-] .form-control{margin-bottom:12px}}@media (max-width:991px){.form-group .row [class*=col-lg-]{margin-bottom:0}.form-group .row [class*=col-lg-] .btn-input,.form-group .row [class*=col-lg-] .form-control{margin-bottom:12px}}@media (max-width:1199px){.form-group .row [class*=col-xl-]{margin-bottom:0}.form-group .row [class*=col-xl-] .btn-input,.form-group .row [class*=col-xl-] .form-control{margin-bottom:12px}}@media (min-width:576px){fieldset .form-group:nth-of-type(odd){clear:left}[dir=rtl] fieldset .form-group:nth-of-type(odd){clear:right}}.checkbox>label,.radio>label{background-color:#fff;background-color:var(--color-background-screen);border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);border-radius:3px;color:#37517e;color:var(--color-content-primary);cursor:pointer;display:block;padding-bottom:10px;padding-right:16px;padding-top:12px;transition:border .15s ease-in-out,background-color .15s ease-in-out}[dir=rtl] .checkbox>label,[dir=rtl] .radio>label{padding-left:16px;padding-right:0}.np-theme-personal .checkbox>label,.np-theme-personal .radio>label{border-radius:10px;border-radius:var(--radius-small)}.checkbox>label:not(.disabled,:disabled):hover,.radio>label:not(.disabled,:disabled):hover{border-color:#b5b7ba;border-color:var(--color-interactive-secondary-hover)}.checkbox>label:not(.disabled,:disabled).focus,.checkbox>label:not(.disabled,:disabled).focus:hover,.checkbox>label:not(.disabled,:disabled).has-focus,.checkbox>label:not(.disabled,:disabled).has-focus:hover,.checkbox>label:not(.disabled,:disabled):focus-within,.radio>label:not(.disabled,:disabled).focus,.radio>label:not(.disabled,:disabled).focus:hover,.radio>label:not(.disabled,:disabled).has-focus,.radio>label:not(.disabled,:disabled).has-focus:hover,.radio>label:not(.disabled,:disabled):focus-within{border-color:#0081ba;border-color:var(--color-interactive-accent-active)}.np-theme-personal .checkbox>label:not(.disabled,:disabled).focus,.np-theme-personal .checkbox>label:not(.disabled,:disabled).focus:hover,.np-theme-personal .checkbox>label:not(.disabled,:disabled).has-focus,.np-theme-personal .checkbox>label:not(.disabled,:disabled).has-focus:hover,.np-theme-personal .checkbox>label:not(.disabled,:disabled):focus-within,.np-theme-personal .radio>label:not(.disabled,:disabled).focus,.np-theme-personal .radio>label:not(.disabled,:disabled).focus:hover,.np-theme-personal .radio>label:not(.disabled,:disabled).has-focus,.np-theme-personal .radio>label:not(.disabled,:disabled).has-focus:hover,.np-theme-personal .radio>label:not(.disabled,:disabled):focus-within{border-color:#c9cbce;border-color:var(--color-interactive-secondary)}.checkbox.checkbox-lg>label,.checkbox.radio-lg>label,.radio.checkbox-lg>label,.radio.radio-lg>label{min-height:72px;min-height:var(--size-72)}.checkbox.checkbox-lg>label .body-2,.checkbox.checkbox-lg>label .np-text-body-default,.checkbox.checkbox-lg>label .small,.checkbox.checkbox-lg>label small,.checkbox.radio-lg>label .body-2,.checkbox.radio-lg>label .np-text-body-default,.checkbox.radio-lg>label .small,.checkbox.radio-lg>label small,.radio.checkbox-lg>label .body-2,.radio.checkbox-lg>label .np-text-body-default,.radio.checkbox-lg>label .small,.radio.checkbox-lg>label small,.radio.radio-lg>label .body-2,.radio.radio-lg>label .np-text-body-default,.radio.radio-lg>label .small,.radio.radio-lg>label small{color:#5d7079;color:var(--color-content-secondary);display:block}.error-messages{background-color:#ff87871a;background-color:var(--color-background-negative);color:#cf2929;color:var(--color-content-negative);display:none;position:relative}.error-messages:before{background-color:inherit;content:" ";display:block;height:10px;left:20px;position:absolute;top:-5px;transform:rotate(45deg);width:10px}[dir=rtl] .error-messages:before{left:auto;right:20px}.form-group .error-messages{border-radius:3px;border-width:0;margin-top:12px}.has-error .error-messages{display:block}.has-error .error-messages:-moz-only-whitespace,.has-error .error-messages:-moz-only-whitespace:before,.has-error .error-messages:empty,.has-error .error-messages:empty:before{display:none}.error-async,.error-date,.error-datetime,.error-datetimelocal,.error-email,.error-max,.error-maxlength,.error-min,.error-minlength,.error-month,.error-number,.error-pattern,.error-required,.error-time,.error-url,.error-week{display:none}.ng-invalid-async~.alert-danger>.error-async,.ng-invalid-async~.error-messages>.error-async,.ng-invalid-datetimelocal~.alert-danger>.error-datetimelocal,.ng-invalid-datetimelocal~.error-messages>.error-datetimelocal,.ng-invalid-datetime~.alert-danger>.error-datetime,.ng-invalid-datetime~.error-messages>.error-datetime,.ng-invalid-date~.alert-danger>.error-date,.ng-invalid-date~.error-messages>.error-date,.ng-invalid-email~.alert-danger>.error-email,.ng-invalid-email~.error-messages>.error-email,.ng-invalid-maxlength~.alert-danger>.error-maxlength,.ng-invalid-maxlength~.error-messages>.error-maxlength,.ng-invalid-max~.alert-danger>.error-max,.ng-invalid-max~.error-messages>.error-max,.ng-invalid-minlength~.alert-danger>.error-minlength,.ng-invalid-minlength~.error-messages>.error-minlength,.ng-invalid-min~.alert-danger>.error-min,.ng-invalid-min~.error-messages>.error-min,.ng-invalid-month~.alert-danger>.error-month,.ng-invalid-month~.error-messages>.error-month,.ng-invalid-number~.alert-danger>.error-number,.ng-invalid-number~.error-messages>.error-number,.ng-invalid-pattern~.alert-danger>.error-pattern,.ng-invalid-pattern~.error-messages>.error-pattern,.ng-invalid-required~.alert-danger>.error-required,.ng-invalid-required~.error-messages>.error-required,.ng-invalid-time~.alert-danger>.error-time,.ng-invalid-time~.error-messages>.error-time,.ng-invalid-url~.alert-danger>.error-url,.ng-invalid-url~.error-messages>.error-url,.ng-invalid-week~.alert-danger>.error-week,.ng-invalid-week~.error-messages>.error-week{display:block}.form-control-placeholder{color:#768e9c;color:var(--color-content-tertiary);display:block;font-size:1rem;font-size:var(--font-size-16);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:-.011em;line-height:150%;overflow:hidden;text-overflow:ellipsis;width:100%}.np-theme-personal .btn-input,.np-theme-personal .checkbox>label,.np-theme-personal .form-control,.np-theme-personal .input-group,.np-theme-personal .input-group-addon,.np-theme-personal .radio>label{background-color:unset;border:none!important;border-radius:10px;border-radius:var(--radius-small)}.np-theme-personal .btn-input,.np-theme-personal .checkbox>label,.np-theme-personal .form-control,.np-theme-personal .input-group,.np-theme-personal .radio>label{box-shadow:inset 0 0 0 1px #c9cbce;box-shadow:inset 0 0 0 1px var(--color-interactive-secondary);transition:box-shadow .3s ease-in-out}.np-theme-personal .input-group>.btn-input,.np-theme-personal .input-group>.form-control,.np-theme-personal .typeahead__input-container .form-control{box-shadow:none!important}.np-theme-personal .btn-input:not(.disabled,:disabled):hover,.np-theme-personal .checkbox>label:not(.disabled,:disabled):hover,.np-theme-personal .form-control:not(.disabled,:disabled):hover,.np-theme-personal .input-group:not(.disabled,:disabled):hover,.np-theme-personal .radio>label:not(.disabled,:disabled):hover{box-shadow:inset 0 0 0 2px #b5b7ba;box-shadow:inset 0 0 0 2px var(--color-interactive-secondary-hover)}.np-theme-personal .btn-input:not(.disabled,:disabled):hover:has(:checked,.checked),.np-theme-personal .checkbox>label:not(.disabled,:disabled):hover:has(:checked,.checked),.np-theme-personal .form-control:not(.disabled,:disabled):hover:has(:checked,.checked),.np-theme-personal .input-group:not(.disabled,:disabled):hover:has(:checked,.checked),.np-theme-personal .radio>label:not(.disabled,:disabled):hover:has(:checked,.checked){box-shadow:inset 0 0 0 2px var(--color-interactive-primary-hover)}.np-theme-personal .btn-input:not(.disabled,:disabled):focus-visible,.np-theme-personal .btn-input:not(.disabled,:disabled):has(:focus-visible),.np-theme-personal .checkbox>label:not(.disabled,:disabled):focus-visible,.np-theme-personal .checkbox>label:not(.disabled,:disabled):has(:focus-visible),.np-theme-personal .form-control:not(.disabled,:disabled):focus-visible,.np-theme-personal .form-control:not(.disabled,:disabled):has(:focus-visible),.np-theme-personal .input-group:not(.disabled,:disabled):focus-visible,.np-theme-personal .input-group:not(.disabled,:disabled):has(.form-control:focus-visible,.btn-input:focus-visible),.np-theme-personal .radio>label:not(.disabled,:disabled):focus-visible,.np-theme-personal .radio>label:not(.disabled,:disabled):has(:focus-visible){box-shadow:inset 0 0 0 3px var(--color-interactive-primary)}.np-theme-personal .has-error .btn-input,.np-theme-personal .has-error .checkbox>label,.np-theme-personal .has-error .form-control,.np-theme-personal .has-error .input-group,.np-theme-personal .has-error .radio>label{box-shadow:inset 0 0 0 2px var(--color-sentiment-negative)}.np-theme-personal .has-error .checkbox>label:not(.disabled,:disabled):hover,.np-theme-personal .has-error .form-control:not(.disabled,:disabled):hover,.np-theme-personal .has-error .input-group:not(.disabled,:disabled):hover,.np-theme-personal .has-error .radio>label:not(.disabled,:disabled):hover{box-shadow:inset 0 0 0 2px var(--color-sentiment-negative-hover)}.np-theme-personal .has-error .checkbox>label:not(.disabled,:disabled):active,.np-theme-personal .has-error .checkbox>label:not(.disabled,:disabled):focus-visible,.np-theme-personal .has-error .checkbox>label:not(.disabled,:disabled):has(:focus-visible),.np-theme-personal .has-error .form-control:not(.disabled,:disabled):active,.np-theme-personal .has-error .form-control:not(.disabled,:disabled):focus-visible,.np-theme-personal .has-error .form-control:not(.disabled,:disabled):has(:focus-visible),.np-theme-personal .has-error .input-group:not(.disabled,:disabled):active,.np-theme-personal .has-error .input-group:not(.disabled,:disabled):focus-visible,.np-theme-personal .has-error .input-group:not(.disabled,:disabled):has(:focus-visible),.np-theme-personal .has-error .radio>label:not(.disabled,:disabled):active,.np-theme-personal .has-error .radio>label:not(.disabled,:disabled):focus-visible,.np-theme-personal .has-error .radio>label:not(.disabled,:disabled):has(:focus-visible){box-shadow:inset 0 0 0 3px var(--color-sentiment-negative)}.np-theme-personal .has-error .tw-radio-button{border-color:var(--color-sentiment-negative)!important}.np-theme-personal .has-error .tw-radio-button.checked{box-shadow:inset 0 0 0 1px var(--color-sentiment-negative)}.np-theme-personal .has-error .tw-radio-button.checked .tw-radio-check{background:var(--color-sentiment-negative)!important}.np-theme-personal .has-error .checkbox:hover .tw-checkbox-button,.np-theme-personal .has-error .radio:not(.disabled):hover .tw-radio-button,.np-theme-personal .has-error .tw-checkbox-button:not(.disabled,:disabled):hover,.np-theme-personal .has-error input[type=checkbox]:hover+.tw-checkbox-button,.np-theme-personal .has-error input[type=checkbox]:not(.disabled,:disabled):hover+.tw-checkbox-button,.np-theme-personal .has-error input[type=radio]:not(.disabled,:disabled):hover+.tw-radio-button{box-shadow:inset 0 0 0 2px var(--color-sentiment-negative-hover)}.np-theme-personal .has-error .tw-checkbox-button.checked,.np-theme-personal .has-error .tw-checkbox-button.checked:hover,.np-theme-personal .has-error .tw-checkbox-button:checked,.np-theme-personal .has-error .tw-checkbox-button:checked:hover,.np-theme-personal .has-error input[type=checkbox]:checked+.tw-checkbox-button,.np-theme-personal .has-error input[type=checkbox]:not(.disabled,:disabled):checked:hover+.tw-checkbox-button{background:var(--color-sentiment-negative);box-shadow:inset 0 0 0 3px var(--color-sentiment-negative)}.np-theme-personal .has-error .checkbox>label:not(.disabled,:disabled):active input[type=checkbox]+.tw-checkbox-button,.np-theme-personal .has-error .checkbox>label:not(.disabled,:disabled):focus-visible input[type=checkbox]+.tw-checkbox-button,.np-theme-personal .has-error .checkbox>label:not(.disabled,:disabled):has(:focus-visible) input[type=checkbox]+.tw-checkbox-button{box-shadow:inset 0 0 0 2px var(--color-sentiment-negative-active)}.np-theme-personal .tw-checkbox-button,.np-theme-personal .tw-radio-button{background-color:unset;color:unset;transition:background-color .3s ease-in-out,box-shadow .3s ease-in-out}.np-theme-personal .btn-input:active,.np-theme-personal .btn-input:focus,.np-theme-personal .btn-input:focus-within,.np-theme-personal .btn-input:hover,.np-theme-personal.open .btn-input{background-color:unset!important}.np-theme-personal .form-group label{margin-bottom:8px;margin-bottom:var(--padding-x-small)}.np-theme-personal .form-group .np-upload-input label{margin-bottom:0}.np-theme-personal .form-group:focus-within .control-label,.np-theme-personal .form-group:focus-within>label,.np-theme-personal .has-success .control-label,.np-theme-personal .has-success label,.np-theme-personal .has-warning .control-label,.np-theme-personal .has-warning label{color:#5d7079!important;color:var(--color-content-secondary)!important}.np-theme-personal .has-error .control-label,.np-theme-personal .has-error label{color:var(--color-sentiment-negative)!important}.np-theme-personal .error-messages:before,.np-theme-personal .form-group .alert:before{content:none}.np-theme-personal .alert-detach,.np-theme-personal .error-messages{background-color:unset;color:#5d7079;color:var(--color-content-secondary);line-height:1.2;line-height:var(--line-height-control);margin:8px 0;margin:var(--padding-x-small) 0;padding:0}.np-theme-personal .has-error .alert-detach.alert-danger,.np-theme-personal .has-error .error-messages{color:var(--color-sentiment-negative);display:flex}.np-theme-personal .has-error .alert-detach.alert-danger .tw-icon,.np-theme-personal .has-error .error-messages .tw-icon{margin-right:8px;margin-right:var(--padding-x-small)}.has-required:after{color:#cf2929;color:var(--color-content-negative);content:"\00a0*"}.np-theme-personal .has-required:after{color:var(--color-sentiment-negative)}.input-group{border-collapse:separate;display:table;position:relative;width:100%}.input-group[class*=col-]{float:none;padding-left:0}[dir=rtl] .input-group[class*=col-]{padding-left:0;padding-right:0}.input-group .form-control{border-color:#c9cbce;border-color:var(--color-interactive-secondary);float:left;margin-bottom:0;width:100%}[dir=rtl] .input-group .form-control{float:right}[dir=rtl] .input-group .form-control:not(:first-child){border-right:0}[dir=rtl] .input-group .form-control:not(:last-child),html:not([dir=rtl]) .input-group .form-control:not(:first-child){border-left:0}html:not([dir=rtl]) .input-group .form-control:not(:last-child){border-right:0}.input-group .input-group-addon button.np-btn{border-radius:50%;min-height:16px;padding:0}.input-group .input-group-addon+.form-control{padding-left:0}[dir=rtl] .input-group .input-group-addon+.form-control{padding-left:0;padding-right:0}.input-group .form-control+.input-group-addon{padding-left:0}[dir=rtl] .input-group .form-control+.input-group-addon{padding-left:0;padding-right:0}.input-group-lg>.form-control,.input-group-lg>.input-group-addon,.input-group-lg>.input-group-btn .btn{border-radius:3px;color:#37517e;color:var(--color-content-primary);font-size:1rem;font-size:var(--font-size-16);font-size:1.375rem;font-size:var(--font-size-22);font-weight:400;font-weight:var(--font-weight-regular);font-weight:600;font-weight:var(--font-weight-semi-bold);letter-spacing:-.011em;letter-spacing:0;letter-spacing:-.018em;line-height:150%;line-height:1.2;line-height:var(--line-height-title);line-height:125%;margin:0;min-height:var(--input-height-large);padding:var(--input-padding-large)}select.input-group-lg>.form-control,select.input-group-lg>.input-group-addon,select.input-group-lg>.input-group-btn .btn{min-height:var(--input-height-large)}select[multiple].input-group-lg>.form-control,select[multiple].input-group-lg>.input-group-addon,select[multiple].input-group-lg>.input-group-btn .btn,textarea.input-group-lg>.form-control,textarea.input-group-lg>.input-group-addon,textarea.input-group-lg>.input-group-btn .btn{height:auto}.input-group-lg>.form-control+ol:not(.list-unstyled),.input-group-lg>.form-control+p,.input-group-lg>.form-control+ul:not(.list-unstyled),.input-group-lg>.input-group-addon+ol:not(.list-unstyled),.input-group-lg>.input-group-addon+p,.input-group-lg>.input-group-addon+ul:not(.list-unstyled),.input-group-lg>.input-group-btn .btn+ol:not(.list-unstyled),.input-group-lg>.input-group-btn .btn+p,.input-group-lg>.input-group-btn .btn+ul:not(.list-unstyled){margin-top:8px;margin-top:var(--size-8)}.input-group-sm>.form-control,.input-group-sm>.input-group-addon{border-radius:3px;font-size:14px;font-size:1rem;font-size:var(--font-size-16);font-size:.875rem;font-size:var(--font-size-14);font-weight:400;font-weight:var(--font-weight-regular);letter-spacing:-.006em;line-height:24px;line-height:1.5;line-height:var(--line-height-body);line-height:155%;min-height:32px;padding:var(--input-padding-small)}select.input-group-sm>.form-control,select.input-group-sm>.input-group-addon{min-height:32px}select[multiple].input-group-sm>.form-control,select[multiple].input-group-sm>.input-group-addon,textarea.input-group-sm>.form-control,textarea.input-group-sm>.input-group-addon{height:auto}.input-group-sm>.form-control .icon,.input-group-sm>.input-group-addon .icon{font-size:1.25rem;font-size:var(--font-size-20)}.input-group-sm>.input-group-btn>.btn{height:32px}.input-group-sm>.input-group-addon{line-height:22px}.input-group .form-control,.input-group-addon,.input-group-btn{display:table-cell}.input-group-addon,.input-group-btn{vertical-align:middle;white-space:nowrap;width:1%}.input-group-addon{background-color:#fff;background-color:var(--color-background-screen);border:1px solid #c9cbce;border:1px solid var(--color-interactive-secondary);color:#5d7079;color:var(--color-content-secondary);font-size:1rem;font-size:var(--font-size-16);line-height:1.5;line-height:var(--line-height-body);padding:var(--input-group-addon-padding);text-align:center}.input-group-addon.input-sm{padding:var(--input-group-addon-sm-padding)!important}.input-group-addon.input-lg{padding:var(--input-group-addon-lg-padding)!important}.input-group-addon--search{padding-right:8px}.input-group-addon input[type=checkbox],.input-group-addon input[type=radio]{margin-top:0}.input-group-addon .icon{display:inline-block;font-size:24px;margin-left:-4px;margin-right:-5px;margin-top:-2px;vertical-align:middle}[dir=rtl] .input-group-addon .icon{margin-left:0;margin-left:-5px;margin-right:-4px;margin-right:0}.input-group-addon a{text-decoration:none}.input-group-addon:empty{padding:0!important;width:3px}.form-group-lg .input-group,.form-group-lg .input-lg{margin-bottom:0}.input-group .btn-input,.input-group .form-control,.input-group .input-group-addon{border-radius:0}[dir=rtl] .input-group .btn-input,[dir=rtl] .input-group .form-control,[dir=rtl] .input-group .input-group-addon{border-right-width:0}[dir=rtl] .input-group .btn-input,[dir=rtl] .input-group .form-control,[dir=rtl] .input-group .input-group-addon,html:not([dir=rtl]) .input-group .btn-input,html:not([dir=rtl]) .input-group .form-control,html:not([dir=rtl]) .input-group .input-group-addon{border-left-width:0}html:not([dir=rtl]) .input-group .btn-input,html:not([dir=rtl]) .input-group .form-control,html:not([dir=rtl]) .input-group .input-group-addon{border-right-width:0}.np-theme-personal .input-group .btn-input,.np-theme-personal .input-group .form-control,.np-theme-personal .input-group .input-group-addon{border-radius:0}[dir=rtl] .input-group .btn-input:first-child,[dir=rtl] .input-group .form-control:first-child,[dir=rtl] .input-group .input-group-addon:first-child,[dir=rtl] .input-group .input-group-btn:first-child{border-right-width:1px}html:not([dir=rtl]) .input-group .btn-input:first-child,html:not([dir=rtl]) .input-group .form-control:first-child,html:not([dir=rtl]) .input-group .input-group-addon:first-child,html:not([dir=rtl]) .input-group .input-group-btn:first-child{border-left-width:1px}[dir=rtl] .input-group .btn-input:first-child,[dir=rtl] .input-group .form-control:first-child,[dir=rtl] .input-group .input-group-addon:first-child,[dir=rtl] .input-group .input-group-btn:first-child{border-bottom-right-radius:3px;border-top-right-radius:3px}html:not([dir=rtl]) .input-group .btn-input:first-child,html:not([dir=rtl]) .input-group .form-control:first-child,html:not([dir=rtl]) .input-group .input-group-addon:first-child,html:not([dir=rtl]) .input-group .input-group-btn:first-child{border-bottom-left-radius:3px;border-top-left-radius:3px}[dir=rtl] .input-group .btn-input:last-child,[dir=rtl] .input-group .form-control:last-child,[dir=rtl] .input-group .input-group-addon:last-child,[dir=rtl] .input-group .input-group-btn:last-child{border-left-width:1px}html:not([dir=rtl]) .input-group .btn-input:last-child,html:not([dir=rtl]) .input-group .form-control:last-child,html:not([dir=rtl]) .input-group .input-group-addon:last-child,html:not([dir=rtl]) .input-group .input-group-btn:last-child{border-right-width:1px}[dir=rtl] .input-group .btn-input:last-child,[dir=rtl] .input-group .form-control:last-child,[dir=rtl] .input-group .input-group-addon:last-child,[dir=rtl] .input-group .input-group-btn:last-child{border-bottom-left-radius:3px;border-top-left-radius:3px}html:not([dir=rtl]) .input-group .btn-input:last-child,html:not([dir=rtl]) .input-group .form-control:last-child,html:not([dir=rtl]) .input-group .input-group-addon:last-child,html:not([dir=rtl]) .input-group .input-group-btn:last-child{border-bottom-right-radius:3px;border-top-right-radius:3px}[dir=rtl] .input-group>:first-child .btn,[dir=rtl] .input-group>:first-child .btn-group{border-bottom-left-radius:0;border-top-left-radius:0}html:not([dir=rtl]) .input-group>:first-child .btn,html:not([dir=rtl]) .input-group>:first-child .btn-group{border-bottom-right-radius:0;border-top-right-radius:0}[dir=rtl] .np-theme-personal .input-group>:first-child .btn,[dir=rtl] .np-theme-personal .input-group>:first-child .btn-group{border-bottom-right-radius:10px;border-bottom-right-radius:var(--radius-small);border-top-right-radius:10px;border-top-right-radius:var(--radius-small)}html:not([dir=rtl]) .np-theme-personal .input-group>:first-child .btn,html:not([dir=rtl]) .np-theme-personal .input-group>:first-child .btn-group{border-bottom-left-radius:10px;border-bottom-left-radius:var(--radius-small);border-top-left-radius:10px;border-top-left-radius:var(--radius-small)}[dir=rtl] .input-group>:last-child .btn,[dir=rtl] .input-group>:last-child .btn-group{border-bottom-right-radius:0;border-top-right-radius:0}html:not([dir=rtl]) .input-group>:last-child .btn,html:not([dir=rtl]) .input-group>:last-child .btn-group{border-bottom-left-radius:0;border-top-left-radius:0}[dir=rtl] .np-theme-personal .input-group>:last-child .btn,[dir=rtl] .np-theme-personal .input-group>:last-child .btn-group{border-bottom-right-radius:10px;border-bottom-right-radius:var(--radius-small);border-top-right-radius:10px;border-top-right-radius:var(--radius-small)}html:not([dir=rtl]) .np-theme-personal .input-group>:last-child .btn,html:not([dir=rtl]) .np-theme-personal .input-group>:last-child .btn-group{border-bottom-left-radius:10px;border-bottom-left-radius:var(--radius-small);border-top-left-radius:10px;border-top-left-radius:var(--radius-small)}.input-group-btn{font-size:0;white-space:nowrap}.input-group-btn,.input-group-btn>.btn{position:relative}.input-group-btn>.btn+.btn{margin-left:-1px}[dir=rtl] .input-group-btn>.btn+.btn{margin-left:0;margin-right:-1px}.input-group-btn>.btn:active,.input-group-btn>.btn:focus,.input-group-btn>.btn:hover{z-index:2}.input-group-btn:first-child>.btn,.input-group-btn:first-child>.btn-group{margin-right:-1px}[dir=rtl] .input-group-btn:first-child>.btn,[dir=rtl] .input-group-btn:first-child>.btn-group{margin-left:-1px;margin-right:0}.form-control:hover:not(.disabled,:disabled),.input-group:hover:not(.disabled,:disabled) .bootstrap-select .btn-default,.input-group:hover:not(.disabled,:disabled) .btn-input,.input-group:hover:not(.disabled,:disabled) .form-control,.input-group:hover:not(.disabled,:disabled) .input-group-addon{border-color:#b5b7ba;border-color:var(--color-interactive-secondary-hover)}.input-group:focus-within:not(.disabled,:disabled) .bootstrap-select .btn-default,.input-group:focus-within:not(.disabled,:disabled) .btn-input,.input-group:focus-within:not(.disabled,:disabled) .form-control,.input-group:focus-within:not(.disabled,:disabled) .input-group-addon{border-color:#00a2dd;border-color:var(--color-interactive-accent)}.np-theme-personal .input-group:focus-within:not(.disabled,:disabled) .bootstrap-select .btn-default,.np-theme-personal .input-group:focus-within:not(.disabled,:disabled) .btn-input,.np-theme-personal .input-group:focus-within:not(.disabled,:disabled) .form-control,.np-theme-personal .input-group:focus-within:not(.disabled,:disabled) .input-group-addon{border-color:#c9cbce;border-color:var(--color-interactive-secondary)}.form-control:focus-within:not(.disabled,:disabled){border-color:#00a2dd;border-color:var(--color-interactive-accent)}.np-theme-personal .form-control:focus-within:not(.disabled,:disabled){border-color:#c9cbce;border-color:var(--color-interactive-secondary)}.has-error .input-group .form-control,.has-error .input-group .input-group-addon{border-color:#e74848;border-color:var(--color-interactive-negative)}.has-error .input-group .form-control:hover,.has-error .input-group .input-group-addon:hover{border-color:#d03238;border-color:var(--color-interactive-negative-hover)}.dropdown-menu .input-group-addon{border:0}
1
+ .btn-sm {
2
+ height: 32px;
3
+ }
4
+ @media (min-width: 768px) {
5
+ }
6
+ @media (min-width: 768px) {
7
+ }
8
+ form {
9
+ margin-bottom: 0;
10
+ }
11
+ fieldset {
12
+ padding: 0;
13
+ margin: 0;
14
+ border: 0;
15
+ min-width: 0;
16
+ }
17
+ legend {
18
+ display: block;
19
+ width: 100%;
20
+ }
21
+ label {
22
+ display: inline-block;
23
+ max-width: 100%;
24
+ margin-bottom: 4px;
25
+ margin-bottom: var(--size-4);
26
+ }
27
+ label,
28
+ .secondary {
29
+ color: #5d7079;
30
+ color: var(--color-content-secondary);
31
+ transition: color ease-in-out 0.15s;
32
+ font-size: 0.875rem;
33
+ font-size: var(--font-size-14);
34
+ line-height: 20px;
35
+ }
36
+ input[type='search'] {
37
+ box-sizing: border-box;
38
+ }
39
+ input[type='number'] {
40
+ -webkit-appearance: textfield;
41
+ -moz-appearance: textfield;
42
+ appearance: textfield;
43
+ }
44
+ input[type='number']::-webkit-outer-spin-button,
45
+ input[type='number']::-webkit-inner-spin-button {
46
+ -webkit-appearance: none;
47
+ appearance: none;
48
+ margin: 0;
49
+ }
50
+ input[type='radio'],
51
+ input[type='checkbox'] {
52
+ margin: 4px 0 0;
53
+ margin-top: 1px;
54
+ line-height: normal;
55
+ }
56
+ input[type='file'] {
57
+ display: block;
58
+ }
59
+ input[type='range'] {
60
+ display: block;
61
+ width: 100%;
62
+ }
63
+ select[multiple],
64
+ select[size] {
65
+ height: auto;
66
+ }
67
+ input[type='file']:focus,
68
+ input[type='radio']:focus,
69
+ input[type='checkbox']:focus {
70
+ outline: var(--ring-outline-color) solid var(--ring-outline-width);
71
+ outline-offset: var(--ring-outline-offset);
72
+ }
73
+ output {
74
+ display: block;
75
+ padding-top: 9px;
76
+ font-size: 1rem;
77
+ font-size: var(--font-size-16);
78
+ line-height: 1.2;
79
+ line-height: var(--line-height-control);
80
+ color: #37517e;
81
+ color: var(--color-content-primary);
82
+ }
83
+ .form-control {
84
+ display: block;
85
+ width: 100%;
86
+ color: #37517e;
87
+ color: var(--color-content-primary);
88
+ background-color: #ffffff;
89
+ background-color: var(--color-background-screen);
90
+ background-image: none;
91
+ border: 1px solid #c9cbce;
92
+ border: 1px solid var(--color-interactive-secondary);
93
+ transition: border-color ease-in-out 0.15s;
94
+ min-height: var(--input-height-base);
95
+ padding: var(--input-padding);
96
+ border-radius: 3px;
97
+ font-weight: 400;
98
+ font-weight: var(--font-weight-regular);
99
+ font-size: 1rem;
100
+ font-size: var(--font-size-16);
101
+ line-height: 150%;
102
+ letter-spacing: -0.011em;
103
+ background-clip: padding-box;
104
+ }
105
+ select.form-control {
106
+ min-height: var(--input-height-base);
107
+ }
108
+ textarea.form-control,
109
+ select[multiple].form-control {
110
+ height: auto;
111
+ }
112
+ .form-control:not(.disabled):not(:disabled):focus {
113
+ border-color: #0081ba;
114
+ border-color: var(--color-interactive-accent-active);
115
+ outline: 0;
116
+ }
117
+ .form-control::-moz-placeholder {
118
+ color: #768e9c;
119
+ color: var(--color-content-tertiary);
120
+ }
121
+ .form-control::placeholder {
122
+ color: #768e9c;
123
+ color: var(--color-content-tertiary);
124
+ }
125
+ textarea.form-control {
126
+ height: 144px;
127
+ }
128
+ .form-control + .text-muted,
129
+ .form-control + .text-primary,
130
+ .form-control + .text-success,
131
+ .form-control + .text-positive,
132
+ .form-control + .text-info,
133
+ .form-control + .text-warning,
134
+ .form-control + .text-negative,
135
+ .form-control + .text-danger {
136
+ margin-top: 8px;
137
+ }
138
+ .form-control:focus {
139
+ border-color: #0081ba;
140
+ border-color: var(--color-interactive-accent-active);
141
+ }
142
+ .np-theme-personal .form-control:not(.disabled):not(:disabled):focus {
143
+ border-color: var(--color-interactive-primary);
144
+ outline: 0;
145
+ }
146
+ .np-theme-personal .form-control:hover {
147
+ border-color: #b5b7ba;
148
+ border-color: var(--color-interactive-secondary-hover);
149
+ }
150
+ .np-theme-personal .form-control:focus {
151
+ border-color: var(--color-interactive-primary);
152
+ }
153
+ input[type='search'] {
154
+ -webkit-appearance: none;
155
+ -moz-appearance: none;
156
+ appearance: none;
157
+ }
158
+ @media screen and (min-device-pixel-ratio: 0) {
159
+ input[type='date'],
160
+ input[type='time'],
161
+ input[type='datetime-local'],
162
+ input[type='month'] {
163
+ line-height: var(--input-height-base);
164
+ }
165
+ input[type='date'].input-sm,
166
+ input[type='time'].input-sm,
167
+ input[type='datetime-local'].input-sm,
168
+ input[type='month'].input-sm,
169
+ .input-group-sm input[type='date'],
170
+ .input-group-sm input[type='time'],
171
+ .input-group-sm input[type='datetime-local'],
172
+ .input-group-sm input[type='month'] {
173
+ line-height: var(--input-height-small);
174
+ }
175
+ input[type='date'].input-lg,
176
+ input[type='time'].input-lg,
177
+ input[type='datetime-local'].input-lg,
178
+ input[type='month'].input-lg,
179
+ .input-group-lg input[type='date'],
180
+ .input-group-lg input[type='time'],
181
+ .input-group-lg input[type='datetime-local'],
182
+ .input-group-lg input[type='month'] {
183
+ line-height: calc(var(--input-height-large) - 1.5);
184
+ line-height: calc(var(--input-height-large) - var(--line-height-body));
185
+ }
186
+ }
187
+ .form-group {
188
+ margin-bottom: 24px;
189
+ }
190
+ .form-group label {
191
+ margin-bottom: 2px;
192
+ }
193
+ .form-group:focus-within .control-label,
194
+ .form-group:focus-within > label {
195
+ color: #0097c7;
196
+ color: var(--color-content-accent);
197
+ }
198
+ .row-equal-height > [class*='col-'] > .form-group {
199
+ width: 100%;
200
+ }
201
+ .radio,
202
+ .checkbox {
203
+ position: relative;
204
+ display: block;
205
+ margin-top: 0;
206
+ }
207
+ .radio label,
208
+ .checkbox label {
209
+ min-height: var(--input-height-base);
210
+ margin-bottom: 0;
211
+ cursor: pointer;
212
+ }
213
+ .radio + .radio,
214
+ .checkbox + .checkbox {
215
+ margin-top: 12px;
216
+ }
217
+ .radio input[type='radio'],
218
+ .radio-inline input[type='radio'],
219
+ .checkbox input[type='checkbox'],
220
+ .checkbox-inline input[type='checkbox'] {
221
+ position: absolute;
222
+ margin-left: -20px;
223
+ margin-top: 4px \9;
224
+ }
225
+ [dir="rtl"] .radio input[type='radio'],
226
+ [dir="rtl"] .radio-inline input[type='radio'],
227
+ [dir="rtl"] .checkbox input[type='checkbox'],
228
+ [dir="rtl"] .checkbox-inline input[type='checkbox'] {
229
+ margin-right: -20px;
230
+ margin-left: 0;
231
+ margin-left: initial;
232
+ }
233
+ .radio-inline,
234
+ .checkbox-inline {
235
+ position: relative;
236
+ display: inline-block;
237
+ padding-left: 20px;
238
+ margin-bottom: 0;
239
+ vertical-align: middle;
240
+ font-weight: normal;
241
+ cursor: pointer;
242
+ }
243
+ [dir="rtl"] .radio-inline,
244
+ [dir="rtl"] .checkbox-inline {
245
+ padding-right: 20px;
246
+ padding-left: 0;
247
+ padding-left: initial;
248
+ }
249
+ .radio-inline.disabled,
250
+ .checkbox-inline.disabled,
251
+ fieldset[disabled] .radio-inline,
252
+ fieldset[disabled] .checkbox-inline {
253
+ cursor: not-allowed;
254
+ }
255
+ .radio-inline + .radio-inline,
256
+ .checkbox-inline + .checkbox-inline {
257
+ margin-top: 0;
258
+ margin-left: 10px;
259
+ }
260
+ [dir="rtl"] .radio-inline + .radio-inline,
261
+ [dir="rtl"] .checkbox-inline + .checkbox-inline {
262
+ margin-right: 10px;
263
+ margin-left: 0;
264
+ margin-left: initial;
265
+ }
266
+ input[type='radio'][disabled],
267
+ input[type='checkbox'][disabled],
268
+ input[type='radio'].disabled,
269
+ input[type='checkbox'].disabled,
270
+ fieldset[disabled] input[type='radio'],
271
+ fieldset[disabled] input[type='checkbox'] {
272
+ cursor: not-allowed;
273
+ }
274
+ input[type="password"]::-ms-reveal {
275
+ display: none;
276
+ }
277
+ .radio.disabled label,
278
+ .checkbox.disabled label,
279
+ fieldset[disabled] .radio label,
280
+ fieldset[disabled] .checkbox label {
281
+ cursor: not-allowed;
282
+ }
283
+ .form-control-static {
284
+ margin-bottom: 0;
285
+ min-height: calc(1.2 * 2);
286
+ min-height: calc(var(--line-height-control) * 2);
287
+ color: #5d7079;
288
+ color: var(--color-content-secondary);
289
+ background-color: rgba(134,167,189,0.10196);
290
+ background-color: var(--color-background-neutral);
291
+ border: 1px solid #c9cbce;
292
+ border: 1px solid var(--color-interactive-secondary);
293
+ border-radius: 3px;
294
+ padding: var(--input-padding);
295
+ }
296
+ .form-control-static.input-lg,
297
+ .form-control-static.input-sm {
298
+ padding-left: 0;
299
+ padding-right: 0;
300
+ }
301
+ [dir="rtl"] .form-control-static.input-lg,
302
+ [dir="rtl"] .form-control-static.input-sm {
303
+ padding-right: 0;
304
+ padding-left: 0;
305
+ padding-left: initial;
306
+ }
307
+ [dir="rtl"] .form-control-static.input-lg,
308
+ [dir="rtl"] .form-control-static.input-sm {
309
+ padding-left: 0;
310
+ padding-right: 0;
311
+ padding-right: initial;
312
+ }
313
+ .input-sm {
314
+ min-height: 32px;
315
+ padding: var(--input-padding-small);
316
+ border-radius: 3px;
317
+ font-size: 14px;
318
+ line-height: 24px;
319
+ line-height: 1.5;
320
+ line-height: var(--line-height-body);
321
+ font-size: 1rem;
322
+ font-size: var(--font-size-16);
323
+ font-size: 0.875rem;
324
+ font-size: var(--font-size-14);
325
+ line-height: 155%;
326
+ letter-spacing: -0.006em;
327
+ font-weight: 400;
328
+ font-weight: var(--font-weight-regular);
329
+ }
330
+ select.input-sm {
331
+ min-height: 32px;
332
+ }
333
+ textarea.input-sm,
334
+ select[multiple].input-sm {
335
+ height: auto;
336
+ }
337
+ .form-group-sm .form-control,
338
+ .navbar .form-control {
339
+ height: 32px;
340
+ padding: var(--input-padding-small);
341
+ font-size: 0.875rem;
342
+ font-size: var(--font-size-14);
343
+ line-height: 24px;
344
+ border-radius: 3px;
345
+ }
346
+ .form-group-sm select.form-control,
347
+ .navbar select.form-control {
348
+ height: 32px;
349
+ line-height: 32px;
350
+ }
351
+ .form-group-sm textarea.form-control,
352
+ .navbar textarea.form-control,
353
+ .form-group-sm select[multiple].form-control,
354
+ .navbar select[multiple].form-control {
355
+ height: auto;
356
+ }
357
+ .form-group-sm .form-control-static,
358
+ .navbar .form-control-static {
359
+ height: 32px;
360
+ min-height: calc(1.2 + 14px);
361
+ min-height: calc(var(--line-height-control) + 14px);
362
+ padding: var(--input-padding-small);
363
+ font-size: 0.875rem;
364
+ font-size: var(--font-size-14);
365
+ line-height: 24px;
366
+ }
367
+ .input-lg {
368
+ min-height: var(--input-height-large);
369
+ padding: var(--input-padding-large);
370
+ border-radius: 3px;
371
+ font-weight: 400;
372
+ font-weight: var(--font-weight-regular);
373
+ font-size: 1rem;
374
+ font-size: var(--font-size-16);
375
+ line-height: 150%;
376
+ letter-spacing: -0.011em;
377
+ }
378
+ select.input-lg {
379
+ min-height: var(--input-height-large);
380
+ }
381
+ textarea.input-lg,
382
+ select[multiple].input-lg {
383
+ height: auto;
384
+ }
385
+ .form-group-lg {
386
+ position: relative;
387
+ }
388
+ .form-group-lg .input-lg,
389
+ .form-group-lg .input-group-lg > .form-control,
390
+ .form-group-lg .input-group-lg > .input-group-addon {
391
+ height: var(--input-height-large);
392
+ padding: calc(4px + 24px) 12px 4px;
393
+ padding: calc(4px + var(--size-24)) 12px 4px;
394
+ font-size: 22px;
395
+ line-height: 32px;
396
+ }
397
+ .form-group-lg select.form-control {
398
+ line-height: var(--input-height-large);
399
+ }
400
+ .form-group-lg textarea.form-control,
401
+ .form-group-lg select[multiple].form-control {
402
+ height: auto;
403
+ }
404
+ .form-group-lg .form-control-static {
405
+ height: var(--input-height-large);
406
+ min-height: calc(1.2 + 22px);
407
+ min-height: calc(var(--line-height-control) + 22px);
408
+ padding: var(--input-padding-large);
409
+ font-size: 22px;
410
+ line-height: 32px;
411
+ }
412
+ .form-group-lg .control-label {
413
+ position: absolute;
414
+ top: 12px;
415
+ left: 14px;
416
+ margin-bottom: 0;
417
+ z-index: 1;
418
+ }
419
+ [dir="rtl"] .form-group-lg .control-label {
420
+ right: 14px;
421
+ left: auto;
422
+ left: initial;
423
+ }
424
+ .has-feedback {
425
+ position: relative;
426
+ }
427
+ .has-feedback .form-control {
428
+ padding-right: var(--input-height-base);
429
+ }
430
+ [dir="rtl"] .has-feedback .form-control {
431
+ padding-left: var(--input-height-base);
432
+ padding-right: 0;
433
+ padding-right: initial;
434
+ }
435
+ .form-control-feedback {
436
+ position: absolute;
437
+ top: 0;
438
+ right: 0;
439
+ z-index: 2;
440
+ display: block;
441
+ width: 48px;
442
+ height: 48px;
443
+ text-align: center;
444
+ pointer-events: none;
445
+ }
446
+ [dir="rtl"] .form-control-feedback {
447
+ left: 0;
448
+ right: auto;
449
+ right: initial;
450
+ }
451
+ .input-lg + .form-control-feedback,
452
+ .input-group-lg + .form-control-feedback,
453
+ .form-group-lg .form-control + .form-control-feedback {
454
+ width: var(--input-height-large);
455
+ height: var(--input-height-large);
456
+ }
457
+ .input-sm + .form-control-feedback,
458
+ .input-group-sm + .form-control-feedback,
459
+ .form-group-sm .form-control + .form-control-feedback {
460
+ width: 32px;
461
+ height: 32px;
462
+ }
463
+ .focus .control-label,
464
+ .has-focus .control-label {
465
+ color: #0077a5;
466
+ color: var(--color-content-accent-active);
467
+ }
468
+ .focus .input-group-addon,
469
+ .has-focus .input-group-addon {
470
+ border-color: #c9cbce;
471
+ border-color: var(--color-interactive-secondary);
472
+ }
473
+ .focus .input-group-addon:active,
474
+ .has-focus .input-group-addon:active {
475
+ border-color: #a7a9ab;
476
+ border-color: var(--color-interactive-secondary-active);
477
+ }
478
+ .help-block,
479
+ .error-messages {
480
+ margin-top: 12px;
481
+ margin-bottom: 4px;
482
+ border-width: 0;
483
+ border-style: solid;
484
+ border-radius: 10px;
485
+ border-radius: var(--radius-small);
486
+ padding: 4px 16px 3px;
487
+ transition: border-color 0.15s ease-in-out, background-color 0.15s ease-in-out;
488
+ }
489
+ .help-block a,
490
+ .error-messages a {
491
+ color: inherit;
492
+ }
493
+ .help-block {
494
+ color: #5d7079;
495
+ color: var(--color-content-secondary);
496
+ border-color: #c9cbce;
497
+ border-color: var(--color-interactive-secondary);
498
+ background-color: rgba(134,167,189,0.10196);
499
+ background-color: var(--color-background-neutral);
500
+ display: block;
501
+ position: relative;
502
+ }
503
+ .help-block::before {
504
+ content: " ";
505
+ position: absolute;
506
+ display: block;
507
+ width: 10px;
508
+ height: 10px;
509
+ left: 20px;
510
+ top: -5px;
511
+ transform: rotate(45deg);
512
+ background-color: inherit;
513
+ }
514
+ [dir="rtl"] .help-block::before {
515
+ right: 20px;
516
+ left: auto;
517
+ left: initial;
518
+ }
519
+ .help-block.arrow-center::before {
520
+ left: 50%;
521
+ margin-left: -5px;
522
+ }
523
+ [dir="rtl"] .help-block.arrow-center::before {
524
+ right: 50%;
525
+ left: auto;
526
+ left: initial;
527
+ }
528
+ [dir="rtl"] .help-block.arrow-center::before {
529
+ margin-right: -5px;
530
+ margin-left: 0;
531
+ margin-left: initial;
532
+ }
533
+ .help-block.arrow-top::before {
534
+ top: -5px;
535
+ bottom: auto;
536
+ }
537
+ .help-block.arrow-left::before {
538
+ left: 20px;
539
+ right: auto;
540
+ }
541
+ [dir="rtl"] .help-block.arrow-left::before {
542
+ right: 20px;
543
+ left: auto;
544
+ left: initial;
545
+ }
546
+ [dir="rtl"] .help-block.arrow-left::before {
547
+ left: auto;
548
+ right: auto;
549
+ right: initial;
550
+ }
551
+ .help-block.arrow-right::before {
552
+ left: auto;
553
+ right: 20px;
554
+ }
555
+ [dir="rtl"] .help-block.arrow-right::before {
556
+ right: auto;
557
+ left: auto;
558
+ left: initial;
559
+ }
560
+ [dir="rtl"] .help-block.arrow-right::before {
561
+ left: 20px;
562
+ right: auto;
563
+ right: initial;
564
+ }
565
+ .help-block.arrow-bottom::before {
566
+ top: auto;
567
+ bottom: -5px;
568
+ }
569
+ .focus .alert,
570
+ .has-focus .alert {
571
+ border-color: #0081ba;
572
+ border-color: var(--color-interactive-accent-active);
573
+ }
574
+ .has-success {
575
+ border-color: #2ead4b !important;
576
+ border-color: var(--color-interactive-positive) !important;
577
+ }
578
+ .has-success .control-label,
579
+ .has-success .radio,
580
+ .has-success .checkbox,
581
+ .has-success .radio-inline,
582
+ .has-success .checkbox-inline,
583
+ .has-success.radio label,
584
+ .has-success.checkbox label,
585
+ .has-success.radio-inline label,
586
+ .has-success.checkbox-inline label,
587
+ .has-success .radio label,
588
+ .has-success .checkbox label,
589
+ .has-success .radio-inline label,
590
+ .has-success .checkbox-inline label,
591
+ .has-success .input-group-addon {
592
+ color: #008026 !important;
593
+ color: var(--color-content-positive) !important;
594
+ border-color: #2ead4b !important;
595
+ border-color: var(--color-interactive-positive) !important;
596
+ }
597
+ .has-success .form-control,
598
+ .has-success .btn-input,
599
+ .has-success .btn-input:not(.disabled):not(:disabled):focus,
600
+ .has-success .btn-input:not(.disabled):not(:disabled):hover,
601
+ .has-success .input-group-addon,
602
+ .has-success .alert {
603
+ border-color: #2ead4b !important;
604
+ border-color: var(--color-interactive-positive) !important;
605
+ }
606
+ .has-success:active .form-control,
607
+ .has-success:focus .form-control,
608
+ .has-success:focus-within .form-control,
609
+ .has-success:active.radio label,
610
+ .has-success:focus.radio label,
611
+ .has-success:focus-within.radio label,
612
+ .has-success:active.checkbox label,
613
+ .has-success:focus.checkbox label,
614
+ .has-success:focus-within.checkbox label,
615
+ .has-success:active .btn-input,
616
+ .has-success:focus .btn-input,
617
+ .has-success:focus-within .btn-input,
618
+ .has-success:active .input-group-addon,
619
+ .has-success:focus .input-group-addon,
620
+ .has-success:focus-within .input-group-addon,
621
+ .has-success:active .input-group .form-control:focus,
622
+ .has-success:focus .input-group .form-control:focus,
623
+ .has-success:focus-within .input-group .form-control:focus,
624
+ .has-success:active .alert,
625
+ .has-success:focus .alert,
626
+ .has-success:focus-within .alert {
627
+ border-color: #069939 !important;
628
+ border-color: var(--color-interactive-positive-hover) !important;
629
+ }
630
+ .has-success:not(.disabled):not(:disabled):hover.radio label,
631
+ .has-success:not(.disabled):not(:disabled):hover.checkbox label,
632
+ .has-success:not(.disabled):not(:disabled):hover .btn-input,
633
+ .has-success:not(.disabled):not(:disabled):hover .alert {
634
+ border-color: #069939 !important;
635
+ border-color: var(--color-interactive-positive-hover) !important;
636
+ }
637
+ .has-success .form-control-feedback {
638
+ color: #008026;
639
+ color: var(--color-content-positive);
640
+ }
641
+ .has-success .radio > label:not(.disabled):not(:disabled),
642
+ .has-success.checkbox > label:not(.disabled):not(:disabled) {
643
+ border-color: #2ead4b;
644
+ border-color: var(--color-interactive-positive);
645
+ color: #37517e;
646
+ color: var(--color-content-primary);
647
+ }
648
+ .has-success .radio > label:not(.disabled):not(:disabled):hover,
649
+ .has-success.checkbox > label:not(.disabled):not(:disabled):hover,
650
+ .has-success .radio > label:focus-within,
651
+ .has-success.checkbox > label:focus-within {
652
+ border-color: #069939 !important;
653
+ border-color: var(--color-interactive-positive-hover) !important;
654
+ }
655
+ .has-success .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
656
+ .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
657
+ .has-success .radio > label:focus-within .tw-checkbox-button,
658
+ .has-success.checkbox > label:focus-within .tw-checkbox-button,
659
+ .has-success .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
660
+ .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
661
+ .has-success .radio > label:focus-within .tw-radio-button,
662
+ .has-success.checkbox > label:focus-within .tw-radio-button {
663
+ border-color: #069939 !important;
664
+ border-color: var(--color-interactive-positive-hover) !important;
665
+ }
666
+ .has-success .radio .tw-checkbox-button,
667
+ .has-success.checkbox .tw-checkbox-button,
668
+ .has-success .radio .tw-radio-button,
669
+ .has-success.checkbox .tw-radio-button {
670
+ border-color: #2ead4b;
671
+ border-color: var(--color-interactive-positive);
672
+ }
673
+ .np-theme-personal .has-success {
674
+ border-color: var(--color-sentiment-positive) !important;
675
+ }
676
+ .np-theme-personal .has-success .control-label,
677
+ .np-theme-personal .has-success .radio,
678
+ .np-theme-personal .has-success .checkbox,
679
+ .np-theme-personal .has-success .radio-inline,
680
+ .np-theme-personal .has-success .checkbox-inline,
681
+ .np-theme-personal .has-success.radio label,
682
+ .np-theme-personal .has-success.checkbox label,
683
+ .np-theme-personal .has-success.radio-inline label,
684
+ .np-theme-personal .has-success.checkbox-inline label,
685
+ .np-theme-personal .has-success .radio label,
686
+ .np-theme-personal .has-success .checkbox label,
687
+ .np-theme-personal .has-success .radio-inline label,
688
+ .np-theme-personal .has-success .checkbox-inline label,
689
+ .np-theme-personal .has-success .input-group-addon {
690
+ color: var(--color-sentiment-positive) !important;
691
+ border-color: var(--color-sentiment-positive) !important;
692
+ }
693
+ .np-theme-personal .has-success .form-control,
694
+ .np-theme-personal .has-success .btn-input,
695
+ .np-theme-personal .has-success .btn-input:not(.disabled):not(:disabled):focus,
696
+ .np-theme-personal .has-success .btn-input:not(.disabled):not(:disabled):hover,
697
+ .np-theme-personal .has-success .input-group-addon,
698
+ .np-theme-personal .has-success .alert {
699
+ border-color: var(--color-sentiment-positive) !important;
700
+ }
701
+ .np-theme-personal .has-success:active .form-control,
702
+ .np-theme-personal .has-success:focus .form-control,
703
+ .np-theme-personal .has-success:focus-within .form-control,
704
+ .np-theme-personal .has-success:active.radio label,
705
+ .np-theme-personal .has-success:focus.radio label,
706
+ .np-theme-personal .has-success:focus-within.radio label,
707
+ .np-theme-personal .has-success:active.checkbox label,
708
+ .np-theme-personal .has-success:focus.checkbox label,
709
+ .np-theme-personal .has-success:focus-within.checkbox label,
710
+ .np-theme-personal .has-success:active .btn-input,
711
+ .np-theme-personal .has-success:focus .btn-input,
712
+ .np-theme-personal .has-success:focus-within .btn-input,
713
+ .np-theme-personal .has-success:active .input-group-addon,
714
+ .np-theme-personal .has-success:focus .input-group-addon,
715
+ .np-theme-personal .has-success:focus-within .input-group-addon,
716
+ .np-theme-personal .has-success:active .input-group .form-control:focus,
717
+ .np-theme-personal .has-success:focus .input-group .form-control:focus,
718
+ .np-theme-personal .has-success:focus-within .input-group .form-control:focus,
719
+ .np-theme-personal .has-success:active .alert,
720
+ .np-theme-personal .has-success:focus .alert,
721
+ .np-theme-personal .has-success:focus-within .alert {
722
+ border-color: var(--color-sentiment-positive) !important;
723
+ }
724
+ .np-theme-personal .has-success:not(.disabled):not(:disabled):hover.radio label,
725
+ .np-theme-personal .has-success:not(.disabled):not(:disabled):hover.checkbox label,
726
+ .np-theme-personal .has-success:not(.disabled):not(:disabled):hover .btn-input,
727
+ .np-theme-personal .has-success:not(.disabled):not(:disabled):hover .alert {
728
+ border-color: var(--color-sentiment-positive) !important;
729
+ }
730
+ .np-theme-personal .has-success .form-control-feedback {
731
+ color: var(--color-sentiment-positive);
732
+ }
733
+ .np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled),
734
+ .np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled) {
735
+ border-color: var(--color-sentiment-positive);
736
+ color: #37517e;
737
+ color: var(--color-content-primary);
738
+ }
739
+ .np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled):hover,
740
+ .np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover,
741
+ .np-theme-personal .has-success .radio > label:focus-within,
742
+ .np-theme-personal .has-success.checkbox > label:focus-within {
743
+ border-color: var(--color-sentiment-positive) !important;
744
+ }
745
+ .np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
746
+ .np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
747
+ .np-theme-personal .has-success .radio > label:focus-within .tw-checkbox-button,
748
+ .np-theme-personal .has-success.checkbox > label:focus-within .tw-checkbox-button,
749
+ .np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
750
+ .np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
751
+ .np-theme-personal .has-success .radio > label:focus-within .tw-radio-button,
752
+ .np-theme-personal .has-success.checkbox > label:focus-within .tw-radio-button {
753
+ border-color: var(--color-sentiment-positive) !important;
754
+ }
755
+ .np-theme-personal .has-success .radio .tw-checkbox-button,
756
+ .np-theme-personal .has-success.checkbox .tw-checkbox-button,
757
+ .np-theme-personal .has-success .radio .tw-radio-button,
758
+ .np-theme-personal .has-success.checkbox .tw-radio-button {
759
+ border-color: var(--color-sentiment-positive);
760
+ }
761
+ .has-info {
762
+ border-color: #00a2dd !important;
763
+ border-color: var(--color-interactive-accent) !important;
764
+ }
765
+ .has-info .control-label,
766
+ .has-info .radio,
767
+ .has-info .checkbox,
768
+ .has-info .radio-inline,
769
+ .has-info .checkbox-inline,
770
+ .has-info.radio label,
771
+ .has-info.checkbox label,
772
+ .has-info.radio-inline label,
773
+ .has-info.checkbox-inline label,
774
+ .has-info .radio label,
775
+ .has-info .checkbox label,
776
+ .has-info .radio-inline label,
777
+ .has-info .checkbox-inline label,
778
+ .has-info .input-group-addon {
779
+ color: #0097c7 !important;
780
+ color: var(--color-content-accent) !important;
781
+ border-color: #00a2dd !important;
782
+ border-color: var(--color-interactive-accent) !important;
783
+ }
784
+ .has-info .form-control,
785
+ .has-info .btn-input,
786
+ .has-info .btn-input:not(.disabled):not(:disabled):focus,
787
+ .has-info .btn-input:not(.disabled):not(:disabled):hover,
788
+ .has-info .input-group-addon,
789
+ .has-info .alert {
790
+ border-color: #00a2dd !important;
791
+ border-color: var(--color-interactive-accent) !important;
792
+ }
793
+ .has-info:active .form-control,
794
+ .has-info:focus .form-control,
795
+ .has-info:focus-within .form-control,
796
+ .has-info:active.radio label,
797
+ .has-info:focus.radio label,
798
+ .has-info:focus-within.radio label,
799
+ .has-info:active.checkbox label,
800
+ .has-info:focus.checkbox label,
801
+ .has-info:focus-within.checkbox label,
802
+ .has-info:active .btn-input,
803
+ .has-info:focus .btn-input,
804
+ .has-info:focus-within .btn-input,
805
+ .has-info:active .input-group-addon,
806
+ .has-info:focus .input-group-addon,
807
+ .has-info:focus-within .input-group-addon,
808
+ .has-info:active .input-group .form-control:focus,
809
+ .has-info:focus .input-group .form-control:focus,
810
+ .has-info:focus-within .input-group .form-control:focus,
811
+ .has-info:active .alert,
812
+ .has-info:focus .alert,
813
+ .has-info:focus-within .alert {
814
+ border-color: #008fc9 !important;
815
+ border-color: var(--color-interactive-accent-hover) !important;
816
+ }
817
+ .has-info:not(.disabled):not(:disabled):hover.radio label,
818
+ .has-info:not(.disabled):not(:disabled):hover.checkbox label,
819
+ .has-info:not(.disabled):not(:disabled):hover .btn-input,
820
+ .has-info:not(.disabled):not(:disabled):hover .alert {
821
+ border-color: #008fc9 !important;
822
+ border-color: var(--color-interactive-accent-hover) !important;
823
+ }
824
+ .has-info .form-control-feedback {
825
+ color: #0097c7;
826
+ color: var(--color-content-accent);
827
+ }
828
+ .has-info .radio > label:not(.disabled):not(:disabled),
829
+ .has-info.checkbox > label:not(.disabled):not(:disabled) {
830
+ border-color: #00a2dd;
831
+ border-color: var(--color-interactive-accent);
832
+ color: #37517e;
833
+ color: var(--color-content-primary);
834
+ }
835
+ .has-info .radio > label:not(.disabled):not(:disabled):hover,
836
+ .has-info.checkbox > label:not(.disabled):not(:disabled):hover,
837
+ .has-info .radio > label:focus-within,
838
+ .has-info.checkbox > label:focus-within {
839
+ border-color: #008fc9 !important;
840
+ border-color: var(--color-interactive-accent-hover) !important;
841
+ }
842
+ .has-info .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
843
+ .has-info.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
844
+ .has-info .radio > label:focus-within .tw-checkbox-button,
845
+ .has-info.checkbox > label:focus-within .tw-checkbox-button,
846
+ .has-info .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
847
+ .has-info.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
848
+ .has-info .radio > label:focus-within .tw-radio-button,
849
+ .has-info.checkbox > label:focus-within .tw-radio-button {
850
+ border-color: #008fc9 !important;
851
+ border-color: var(--color-interactive-accent-hover) !important;
852
+ }
853
+ .has-info .radio .tw-checkbox-button,
854
+ .has-info.checkbox .tw-checkbox-button,
855
+ .has-info .radio .tw-radio-button,
856
+ .has-info.checkbox .tw-radio-button {
857
+ border-color: #00a2dd;
858
+ border-color: var(--color-interactive-accent);
859
+ }
860
+ .np-theme-personal .has-info {
861
+ border-color: transparent !important;
862
+ }
863
+ .np-theme-personal .has-info .control-label,
864
+ .np-theme-personal .has-info .radio,
865
+ .np-theme-personal .has-info .checkbox,
866
+ .np-theme-personal .has-info .radio-inline,
867
+ .np-theme-personal .has-info .checkbox-inline,
868
+ .np-theme-personal .has-info.radio label,
869
+ .np-theme-personal .has-info.checkbox label,
870
+ .np-theme-personal .has-info.radio-inline label,
871
+ .np-theme-personal .has-info.checkbox-inline label,
872
+ .np-theme-personal .has-info .radio label,
873
+ .np-theme-personal .has-info .checkbox label,
874
+ .np-theme-personal .has-info .radio-inline label,
875
+ .np-theme-personal .has-info .checkbox-inline label,
876
+ .np-theme-personal .has-info .input-group-addon {
877
+ color: #37517e !important;
878
+ color: var(--color-content-primary) !important;
879
+ border-color: transparent !important;
880
+ }
881
+ .np-theme-personal .has-info .form-control,
882
+ .np-theme-personal .has-info .btn-input,
883
+ .np-theme-personal .has-info .btn-input:not(.disabled):not(:disabled):focus,
884
+ .np-theme-personal .has-info .btn-input:not(.disabled):not(:disabled):hover,
885
+ .np-theme-personal .has-info .input-group-addon,
886
+ .np-theme-personal .has-info .alert {
887
+ border-color: transparent !important;
888
+ }
889
+ .np-theme-personal .has-info:active .form-control,
890
+ .np-theme-personal .has-info:focus .form-control,
891
+ .np-theme-personal .has-info:focus-within .form-control,
892
+ .np-theme-personal .has-info:active.radio label,
893
+ .np-theme-personal .has-info:focus.radio label,
894
+ .np-theme-personal .has-info:focus-within.radio label,
895
+ .np-theme-personal .has-info:active.checkbox label,
896
+ .np-theme-personal .has-info:focus.checkbox label,
897
+ .np-theme-personal .has-info:focus-within.checkbox label,
898
+ .np-theme-personal .has-info:active .btn-input,
899
+ .np-theme-personal .has-info:focus .btn-input,
900
+ .np-theme-personal .has-info:focus-within .btn-input,
901
+ .np-theme-personal .has-info:active .input-group-addon,
902
+ .np-theme-personal .has-info:focus .input-group-addon,
903
+ .np-theme-personal .has-info:focus-within .input-group-addon,
904
+ .np-theme-personal .has-info:active .input-group .form-control:focus,
905
+ .np-theme-personal .has-info:focus .input-group .form-control:focus,
906
+ .np-theme-personal .has-info:focus-within .input-group .form-control:focus,
907
+ .np-theme-personal .has-info:active .alert,
908
+ .np-theme-personal .has-info:focus .alert,
909
+ .np-theme-personal .has-info:focus-within .alert {
910
+ border-color: transparent !important;
911
+ }
912
+ .np-theme-personal .has-info:not(.disabled):not(:disabled):hover.radio label,
913
+ .np-theme-personal .has-info:not(.disabled):not(:disabled):hover.checkbox label,
914
+ .np-theme-personal .has-info:not(.disabled):not(:disabled):hover .btn-input,
915
+ .np-theme-personal .has-info:not(.disabled):not(:disabled):hover .alert {
916
+ border-color: transparent !important;
917
+ }
918
+ .np-theme-personal .has-info .form-control-feedback {
919
+ color: #37517e;
920
+ color: var(--color-content-primary);
921
+ }
922
+ .np-theme-personal .has-info .radio > label:not(.disabled):not(:disabled),
923
+ .np-theme-personal .has-info.checkbox > label:not(.disabled):not(:disabled) {
924
+ border-color: transparent;
925
+ color: #37517e;
926
+ color: var(--color-content-primary);
927
+ }
928
+ .np-theme-personal .has-info .radio > label:not(.disabled):not(:disabled):hover,
929
+ .np-theme-personal .has-info.checkbox > label:not(.disabled):not(:disabled):hover,
930
+ .np-theme-personal .has-info .radio > label:focus-within,
931
+ .np-theme-personal .has-info.checkbox > label:focus-within {
932
+ border-color: transparent !important;
933
+ }
934
+ .np-theme-personal .has-info .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
935
+ .np-theme-personal .has-info.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
936
+ .np-theme-personal .has-info .radio > label:focus-within .tw-checkbox-button,
937
+ .np-theme-personal .has-info.checkbox > label:focus-within .tw-checkbox-button,
938
+ .np-theme-personal .has-info .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
939
+ .np-theme-personal .has-info.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
940
+ .np-theme-personal .has-info .radio > label:focus-within .tw-radio-button,
941
+ .np-theme-personal .has-info.checkbox > label:focus-within .tw-radio-button {
942
+ border-color: transparent !important;
943
+ }
944
+ .np-theme-personal .has-info .radio .tw-checkbox-button,
945
+ .np-theme-personal .has-info.checkbox .tw-checkbox-button,
946
+ .np-theme-personal .has-info .radio .tw-radio-button,
947
+ .np-theme-personal .has-info.checkbox .tw-radio-button {
948
+ border-color: transparent;
949
+ }
950
+ .has-warning {
951
+ border-color: #df8700 !important;
952
+ border-color: var(--color-interactive-warning) !important;
953
+ }
954
+ .has-warning .control-label,
955
+ .has-warning .radio,
956
+ .has-warning .checkbox,
957
+ .has-warning .radio-inline,
958
+ .has-warning .checkbox-inline,
959
+ .has-warning.radio label,
960
+ .has-warning.checkbox label,
961
+ .has-warning.radio-inline label,
962
+ .has-warning.checkbox-inline label,
963
+ .has-warning .radio label,
964
+ .has-warning .checkbox label,
965
+ .has-warning .radio-inline label,
966
+ .has-warning .checkbox-inline label,
967
+ .has-warning .input-group-addon {
968
+ color: #9a6500 !important;
969
+ color: var(--color-content-warning) !important;
970
+ border-color: #df8700 !important;
971
+ border-color: var(--color-interactive-warning) !important;
972
+ }
973
+ .has-warning .form-control,
974
+ .has-warning .btn-input,
975
+ .has-warning .btn-input:not(.disabled):not(:disabled):focus,
976
+ .has-warning .btn-input:not(.disabled):not(:disabled):hover,
977
+ .has-warning .input-group-addon,
978
+ .has-warning .alert {
979
+ border-color: #df8700 !important;
980
+ border-color: var(--color-interactive-warning) !important;
981
+ }
982
+ .has-warning:active .form-control,
983
+ .has-warning:focus .form-control,
984
+ .has-warning:focus-within .form-control,
985
+ .has-warning:active.radio label,
986
+ .has-warning:focus.radio label,
987
+ .has-warning:focus-within.radio label,
988
+ .has-warning:active.checkbox label,
989
+ .has-warning:focus.checkbox label,
990
+ .has-warning:focus-within.checkbox label,
991
+ .has-warning:active .btn-input,
992
+ .has-warning:focus .btn-input,
993
+ .has-warning:focus-within .btn-input,
994
+ .has-warning:active .input-group-addon,
995
+ .has-warning:focus .input-group-addon,
996
+ .has-warning:focus-within .input-group-addon,
997
+ .has-warning:active .input-group .form-control:focus,
998
+ .has-warning:focus .input-group .form-control:focus,
999
+ .has-warning:focus-within .input-group .form-control:focus,
1000
+ .has-warning:active .alert,
1001
+ .has-warning:focus .alert,
1002
+ .has-warning:focus-within .alert {
1003
+ border-color: #c97500 !important;
1004
+ border-color: var(--color-interactive-warning-hover) !important;
1005
+ }
1006
+ .has-warning:not(.disabled):not(:disabled):hover.radio label,
1007
+ .has-warning:not(.disabled):not(:disabled):hover.checkbox label,
1008
+ .has-warning:not(.disabled):not(:disabled):hover .btn-input,
1009
+ .has-warning:not(.disabled):not(:disabled):hover .alert {
1010
+ border-color: #c97500 !important;
1011
+ border-color: var(--color-interactive-warning-hover) !important;
1012
+ }
1013
+ .has-warning .form-control-feedback {
1014
+ color: #9a6500;
1015
+ color: var(--color-content-warning);
1016
+ }
1017
+ .has-warning .radio > label:not(.disabled):not(:disabled),
1018
+ .has-warning.checkbox > label:not(.disabled):not(:disabled) {
1019
+ border-color: #df8700;
1020
+ border-color: var(--color-interactive-warning);
1021
+ color: #37517e;
1022
+ color: var(--color-content-primary);
1023
+ }
1024
+ .has-warning .radio > label:not(.disabled):not(:disabled):hover,
1025
+ .has-warning.checkbox > label:not(.disabled):not(:disabled):hover,
1026
+ .has-warning .radio > label:focus-within,
1027
+ .has-warning.checkbox > label:focus-within {
1028
+ border-color: #c97500 !important;
1029
+ border-color: var(--color-interactive-warning-hover) !important;
1030
+ }
1031
+ .has-warning .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1032
+ .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1033
+ .has-warning .radio > label:focus-within .tw-checkbox-button,
1034
+ .has-warning.checkbox > label:focus-within .tw-checkbox-button,
1035
+ .has-warning .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1036
+ .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1037
+ .has-warning .radio > label:focus-within .tw-radio-button,
1038
+ .has-warning.checkbox > label:focus-within .tw-radio-button {
1039
+ border-color: #c97500 !important;
1040
+ border-color: var(--color-interactive-warning-hover) !important;
1041
+ }
1042
+ .has-warning .radio .tw-checkbox-button,
1043
+ .has-warning.checkbox .tw-checkbox-button,
1044
+ .has-warning .radio .tw-radio-button,
1045
+ .has-warning.checkbox .tw-radio-button {
1046
+ border-color: #df8700;
1047
+ border-color: var(--color-interactive-warning);
1048
+ }
1049
+ .np-theme-personal .has-warning {
1050
+ border-color: var(--color-sentiment-warning) !important;
1051
+ }
1052
+ .np-theme-personal .has-warning .control-label,
1053
+ .np-theme-personal .has-warning .radio,
1054
+ .np-theme-personal .has-warning .checkbox,
1055
+ .np-theme-personal .has-warning .radio-inline,
1056
+ .np-theme-personal .has-warning .checkbox-inline,
1057
+ .np-theme-personal .has-warning.radio label,
1058
+ .np-theme-personal .has-warning.checkbox label,
1059
+ .np-theme-personal .has-warning.radio-inline label,
1060
+ .np-theme-personal .has-warning.checkbox-inline label,
1061
+ .np-theme-personal .has-warning .radio label,
1062
+ .np-theme-personal .has-warning .checkbox label,
1063
+ .np-theme-personal .has-warning .radio-inline label,
1064
+ .np-theme-personal .has-warning .checkbox-inline label,
1065
+ .np-theme-personal .has-warning .input-group-addon {
1066
+ color: var(--color-sentiment-warning) !important;
1067
+ border-color: var(--color-sentiment-warning) !important;
1068
+ }
1069
+ .np-theme-personal .has-warning .form-control,
1070
+ .np-theme-personal .has-warning .btn-input,
1071
+ .np-theme-personal .has-warning .btn-input:not(.disabled):not(:disabled):focus,
1072
+ .np-theme-personal .has-warning .btn-input:not(.disabled):not(:disabled):hover,
1073
+ .np-theme-personal .has-warning .input-group-addon,
1074
+ .np-theme-personal .has-warning .alert {
1075
+ border-color: var(--color-sentiment-warning) !important;
1076
+ }
1077
+ .np-theme-personal .has-warning:active .form-control,
1078
+ .np-theme-personal .has-warning:focus .form-control,
1079
+ .np-theme-personal .has-warning:focus-within .form-control,
1080
+ .np-theme-personal .has-warning:active.radio label,
1081
+ .np-theme-personal .has-warning:focus.radio label,
1082
+ .np-theme-personal .has-warning:focus-within.radio label,
1083
+ .np-theme-personal .has-warning:active.checkbox label,
1084
+ .np-theme-personal .has-warning:focus.checkbox label,
1085
+ .np-theme-personal .has-warning:focus-within.checkbox label,
1086
+ .np-theme-personal .has-warning:active .btn-input,
1087
+ .np-theme-personal .has-warning:focus .btn-input,
1088
+ .np-theme-personal .has-warning:focus-within .btn-input,
1089
+ .np-theme-personal .has-warning:active .input-group-addon,
1090
+ .np-theme-personal .has-warning:focus .input-group-addon,
1091
+ .np-theme-personal .has-warning:focus-within .input-group-addon,
1092
+ .np-theme-personal .has-warning:active .input-group .form-control:focus,
1093
+ .np-theme-personal .has-warning:focus .input-group .form-control:focus,
1094
+ .np-theme-personal .has-warning:focus-within .input-group .form-control:focus,
1095
+ .np-theme-personal .has-warning:active .alert,
1096
+ .np-theme-personal .has-warning:focus .alert,
1097
+ .np-theme-personal .has-warning:focus-within .alert {
1098
+ border-color: var(--color-sentiment-warning) !important;
1099
+ }
1100
+ .np-theme-personal .has-warning:not(.disabled):not(:disabled):hover.radio label,
1101
+ .np-theme-personal .has-warning:not(.disabled):not(:disabled):hover.checkbox label,
1102
+ .np-theme-personal .has-warning:not(.disabled):not(:disabled):hover .btn-input,
1103
+ .np-theme-personal .has-warning:not(.disabled):not(:disabled):hover .alert {
1104
+ border-color: var(--color-sentiment-warning) !important;
1105
+ }
1106
+ .np-theme-personal .has-warning .form-control-feedback {
1107
+ color: var(--color-sentiment-warning);
1108
+ }
1109
+ .np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled),
1110
+ .np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled) {
1111
+ border-color: var(--color-sentiment-warning);
1112
+ color: #37517e;
1113
+ color: var(--color-content-primary);
1114
+ }
1115
+ .np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled):hover,
1116
+ .np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover,
1117
+ .np-theme-personal .has-warning .radio > label:focus-within,
1118
+ .np-theme-personal .has-warning.checkbox > label:focus-within {
1119
+ border-color: var(--color-sentiment-warning) !important;
1120
+ }
1121
+ .np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1122
+ .np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1123
+ .np-theme-personal .has-warning .radio > label:focus-within .tw-checkbox-button,
1124
+ .np-theme-personal .has-warning.checkbox > label:focus-within .tw-checkbox-button,
1125
+ .np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1126
+ .np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1127
+ .np-theme-personal .has-warning .radio > label:focus-within .tw-radio-button,
1128
+ .np-theme-personal .has-warning.checkbox > label:focus-within .tw-radio-button {
1129
+ border-color: var(--color-sentiment-warning) !important;
1130
+ }
1131
+ .np-theme-personal .has-warning .radio .tw-checkbox-button,
1132
+ .np-theme-personal .has-warning.checkbox .tw-checkbox-button,
1133
+ .np-theme-personal .has-warning .radio .tw-radio-button,
1134
+ .np-theme-personal .has-warning.checkbox .tw-radio-button {
1135
+ border-color: var(--color-sentiment-warning);
1136
+ }
1137
+ .has-error {
1138
+ border-color: #e74848 !important;
1139
+ border-color: var(--color-interactive-negative) !important;
1140
+ }
1141
+ .has-error .control-label,
1142
+ .has-error .radio,
1143
+ .has-error .checkbox,
1144
+ .has-error .radio-inline,
1145
+ .has-error .checkbox-inline,
1146
+ .has-error.radio label,
1147
+ .has-error.checkbox label,
1148
+ .has-error.radio-inline label,
1149
+ .has-error.checkbox-inline label,
1150
+ .has-error .radio label,
1151
+ .has-error .checkbox label,
1152
+ .has-error .radio-inline label,
1153
+ .has-error .checkbox-inline label,
1154
+ .has-error .input-group-addon {
1155
+ color: #cf2929 !important;
1156
+ color: var(--color-content-negative) !important;
1157
+ border-color: #e74848 !important;
1158
+ border-color: var(--color-interactive-negative) !important;
1159
+ }
1160
+ .has-error .form-control,
1161
+ .has-error .btn-input,
1162
+ .has-error .btn-input:not(.disabled):not(:disabled):focus,
1163
+ .has-error .btn-input:not(.disabled):not(:disabled):hover,
1164
+ .has-error .input-group-addon,
1165
+ .has-error .alert {
1166
+ border-color: #e74848 !important;
1167
+ border-color: var(--color-interactive-negative) !important;
1168
+ }
1169
+ .has-error:active .form-control,
1170
+ .has-error:focus .form-control,
1171
+ .has-error:focus-within .form-control,
1172
+ .has-error:active.radio label,
1173
+ .has-error:focus.radio label,
1174
+ .has-error:focus-within.radio label,
1175
+ .has-error:active.checkbox label,
1176
+ .has-error:focus.checkbox label,
1177
+ .has-error:focus-within.checkbox label,
1178
+ .has-error:active .btn-input,
1179
+ .has-error:focus .btn-input,
1180
+ .has-error:focus-within .btn-input,
1181
+ .has-error:active .input-group-addon,
1182
+ .has-error:focus .input-group-addon,
1183
+ .has-error:focus-within .input-group-addon,
1184
+ .has-error:active .input-group .form-control:focus,
1185
+ .has-error:focus .input-group .form-control:focus,
1186
+ .has-error:focus-within .input-group .form-control:focus,
1187
+ .has-error:active .alert,
1188
+ .has-error:focus .alert,
1189
+ .has-error:focus-within .alert {
1190
+ border-color: #d03238 !important;
1191
+ border-color: var(--color-interactive-negative-hover) !important;
1192
+ }
1193
+ .has-error:not(.disabled):not(:disabled):hover.radio label,
1194
+ .has-error:not(.disabled):not(:disabled):hover.checkbox label,
1195
+ .has-error:not(.disabled):not(:disabled):hover .btn-input,
1196
+ .has-error:not(.disabled):not(:disabled):hover .alert {
1197
+ border-color: #d03238 !important;
1198
+ border-color: var(--color-interactive-negative-hover) !important;
1199
+ }
1200
+ .has-error .form-control-feedback {
1201
+ color: #cf2929;
1202
+ color: var(--color-content-negative);
1203
+ }
1204
+ .has-error .radio > label:not(.disabled):not(:disabled),
1205
+ .has-error.checkbox > label:not(.disabled):not(:disabled) {
1206
+ border-color: #e74848;
1207
+ border-color: var(--color-interactive-negative);
1208
+ color: #37517e;
1209
+ color: var(--color-content-primary);
1210
+ }
1211
+ .has-error .radio > label:not(.disabled):not(:disabled):hover,
1212
+ .has-error.checkbox > label:not(.disabled):not(:disabled):hover,
1213
+ .has-error .radio > label:focus-within,
1214
+ .has-error.checkbox > label:focus-within {
1215
+ border-color: #d03238 !important;
1216
+ border-color: var(--color-interactive-negative-hover) !important;
1217
+ }
1218
+ .has-error .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1219
+ .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1220
+ .has-error .radio > label:focus-within .tw-checkbox-button,
1221
+ .has-error.checkbox > label:focus-within .tw-checkbox-button,
1222
+ .has-error .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1223
+ .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1224
+ .has-error .radio > label:focus-within .tw-radio-button,
1225
+ .has-error.checkbox > label:focus-within .tw-radio-button {
1226
+ border-color: #d03238 !important;
1227
+ border-color: var(--color-interactive-negative-hover) !important;
1228
+ }
1229
+ .has-error .radio .tw-checkbox-button,
1230
+ .has-error.checkbox .tw-checkbox-button,
1231
+ .has-error .radio .tw-radio-button,
1232
+ .has-error.checkbox .tw-radio-button {
1233
+ border-color: #e74848;
1234
+ border-color: var(--color-interactive-negative);
1235
+ }
1236
+ .np-theme-personal .has-error {
1237
+ border-color: var(--color-sentiment-negative) !important;
1238
+ }
1239
+ .np-theme-personal .has-error .control-label,
1240
+ .np-theme-personal .has-error .radio,
1241
+ .np-theme-personal .has-error .checkbox,
1242
+ .np-theme-personal .has-error .radio-inline,
1243
+ .np-theme-personal .has-error .checkbox-inline,
1244
+ .np-theme-personal .has-error.radio label,
1245
+ .np-theme-personal .has-error.checkbox label,
1246
+ .np-theme-personal .has-error.radio-inline label,
1247
+ .np-theme-personal .has-error.checkbox-inline label,
1248
+ .np-theme-personal .has-error .radio label,
1249
+ .np-theme-personal .has-error .checkbox label,
1250
+ .np-theme-personal .has-error .radio-inline label,
1251
+ .np-theme-personal .has-error .checkbox-inline label,
1252
+ .np-theme-personal .has-error .input-group-addon {
1253
+ color: var(--color-sentiment-negative) !important;
1254
+ border-color: var(--color-sentiment-negative) !important;
1255
+ }
1256
+ .np-theme-personal .has-error .form-control,
1257
+ .np-theme-personal .has-error .btn-input,
1258
+ .np-theme-personal .has-error .btn-input:not(.disabled):not(:disabled):focus,
1259
+ .np-theme-personal .has-error .btn-input:not(.disabled):not(:disabled):hover,
1260
+ .np-theme-personal .has-error .input-group-addon,
1261
+ .np-theme-personal .has-error .alert {
1262
+ border-color: var(--color-sentiment-negative) !important;
1263
+ }
1264
+ .np-theme-personal .has-error:active .form-control,
1265
+ .np-theme-personal .has-error:focus .form-control,
1266
+ .np-theme-personal .has-error:focus-within .form-control,
1267
+ .np-theme-personal .has-error:active.radio label,
1268
+ .np-theme-personal .has-error:focus.radio label,
1269
+ .np-theme-personal .has-error:focus-within.radio label,
1270
+ .np-theme-personal .has-error:active.checkbox label,
1271
+ .np-theme-personal .has-error:focus.checkbox label,
1272
+ .np-theme-personal .has-error:focus-within.checkbox label,
1273
+ .np-theme-personal .has-error:active .btn-input,
1274
+ .np-theme-personal .has-error:focus .btn-input,
1275
+ .np-theme-personal .has-error:focus-within .btn-input,
1276
+ .np-theme-personal .has-error:active .input-group-addon,
1277
+ .np-theme-personal .has-error:focus .input-group-addon,
1278
+ .np-theme-personal .has-error:focus-within .input-group-addon,
1279
+ .np-theme-personal .has-error:active .input-group .form-control:focus,
1280
+ .np-theme-personal .has-error:focus .input-group .form-control:focus,
1281
+ .np-theme-personal .has-error:focus-within .input-group .form-control:focus,
1282
+ .np-theme-personal .has-error:active .alert,
1283
+ .np-theme-personal .has-error:focus .alert,
1284
+ .np-theme-personal .has-error:focus-within .alert {
1285
+ border-color: var(--color-sentiment-negative-hover) !important;
1286
+ }
1287
+ .np-theme-personal .has-error:not(.disabled):not(:disabled):hover.radio label,
1288
+ .np-theme-personal .has-error:not(.disabled):not(:disabled):hover.checkbox label,
1289
+ .np-theme-personal .has-error:not(.disabled):not(:disabled):hover .btn-input,
1290
+ .np-theme-personal .has-error:not(.disabled):not(:disabled):hover .alert {
1291
+ border-color: var(--color-sentiment-negative-hover) !important;
1292
+ }
1293
+ .np-theme-personal .has-error .form-control-feedback {
1294
+ color: var(--color-sentiment-negative);
1295
+ }
1296
+ .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled),
1297
+ .np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled) {
1298
+ border-color: var(--color-sentiment-negative);
1299
+ color: #37517e;
1300
+ color: var(--color-content-primary);
1301
+ }
1302
+ .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover,
1303
+ .np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover,
1304
+ .np-theme-personal .has-error .radio > label:focus-within,
1305
+ .np-theme-personal .has-error.checkbox > label:focus-within {
1306
+ border-color: var(--color-sentiment-negative-hover) !important;
1307
+ }
1308
+ .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1309
+ .np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
1310
+ .np-theme-personal .has-error .radio > label:focus-within .tw-checkbox-button,
1311
+ .np-theme-personal .has-error.checkbox > label:focus-within .tw-checkbox-button,
1312
+ .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1313
+ .np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
1314
+ .np-theme-personal .has-error .radio > label:focus-within .tw-radio-button,
1315
+ .np-theme-personal .has-error.checkbox > label:focus-within .tw-radio-button {
1316
+ border-color: var(--color-sentiment-negative-hover) !important;
1317
+ }
1318
+ .np-theme-personal .has-error .radio .tw-checkbox-button,
1319
+ .np-theme-personal .has-error.checkbox .tw-checkbox-button,
1320
+ .np-theme-personal .has-error .radio .tw-radio-button,
1321
+ .np-theme-personal .has-error.checkbox .tw-radio-button {
1322
+ border-color: var(--color-sentiment-negative);
1323
+ }
1324
+ .has-feedback label ~ .form-control-feedback {
1325
+ top: 1.2;
1326
+ top: var(--line-height-control);
1327
+ }
1328
+ .has-feedback label.sr-only ~ .form-control-feedback {
1329
+ top: 0;
1330
+ }
1331
+ @media (min-width: 576px) {
1332
+ .form-inline .form-group {
1333
+ display: inline-block;
1334
+ margin-bottom: 0;
1335
+ vertical-align: middle;
1336
+ }
1337
+ .form-inline .form-control {
1338
+ display: inline-block;
1339
+ width: auto;
1340
+ vertical-align: middle;
1341
+ }
1342
+ .form-inline .form-control-static {
1343
+ display: inline-block;
1344
+ }
1345
+ .form-inline .input-group {
1346
+ display: inline-table;
1347
+ vertical-align: middle;
1348
+ }
1349
+ .form-inline .input-group .input-group-addon,
1350
+ .form-inline .input-group .input-group-btn,
1351
+ .form-inline .input-group .form-control {
1352
+ width: auto;
1353
+ }
1354
+ .form-inline .input-group > .form-control {
1355
+ width: 100%;
1356
+ }
1357
+ .form-inline .control-label {
1358
+ margin-bottom: 0;
1359
+ vertical-align: calc(-2px);
1360
+ }
1361
+ .form-inline .radio,
1362
+ .form-inline .checkbox {
1363
+ display: inline-block;
1364
+ margin-top: 0;
1365
+ margin-bottom: 0;
1366
+ vertical-align: middle;
1367
+ }
1368
+ .form-inline .radio label,
1369
+ .form-inline .checkbox label {
1370
+ padding-left: 0;
1371
+ }
1372
+ [dir="rtl"] .form-inline .radio label,
1373
+ [dir="rtl"] .form-inline .checkbox label {
1374
+ padding-right: 0;
1375
+ padding-left: 0;
1376
+ padding-left: initial;
1377
+ }
1378
+ .form-inline .radio input[type='radio'],
1379
+ .form-inline .checkbox input[type='checkbox'] {
1380
+ position: relative;
1381
+ margin-left: 0;
1382
+ }
1383
+ [dir="rtl"] .form-inline .radio input[type='radio'],
1384
+ [dir="rtl"] .form-inline .checkbox input[type='checkbox'] {
1385
+ margin-right: 0;
1386
+ margin-left: 0;
1387
+ margin-left: initial;
1388
+ }
1389
+ .form-inline .has-feedback .form-control-feedback {
1390
+ top: 0;
1391
+ }
1392
+ }
1393
+ .form-horizontal .radio,
1394
+ .form-horizontal .checkbox,
1395
+ .form-horizontal .radio-inline,
1396
+ .form-horizontal .checkbox-inline {
1397
+ margin-top: 0;
1398
+ margin-bottom: 0;
1399
+ padding-top: 9px;
1400
+ }
1401
+ .form-horizontal .radio,
1402
+ .form-horizontal .checkbox {
1403
+ min-height: calc(1.2 + (8px + 1));
1404
+ min-height: calc(var(--line-height-control) + (8px + 1));
1405
+ }
1406
+ .form-horizontal .form-group {
1407
+ margin-left: -12px;
1408
+ margin-right: -12px;
1409
+ }
1410
+ [dir="rtl"] .form-horizontal .form-group {
1411
+ margin-right: -12px;
1412
+ margin-left: -12px;
1413
+ }
1414
+ [dir="rtl"] .form-horizontal .form-group {
1415
+ margin-left: -12px;
1416
+ margin-right: -12px;
1417
+ }
1418
+ @media (min-width: 576px) {
1419
+ .form-horizontal .control-label {
1420
+ text-align: right;
1421
+ margin-bottom: 0;
1422
+ padding-top: 14px;
1423
+ }
1424
+ [dir="rtl"] .form-horizontal .control-label {
1425
+ text-align: left;
1426
+ }
1427
+ }
1428
+ .form-horizontal .has-feedback .form-control-feedback {
1429
+ right: 12px;
1430
+ }
1431
+ [dir="rtl"] .form-horizontal .has-feedback .form-control-feedback {
1432
+ left: 12px;
1433
+ right: auto;
1434
+ right: initial;
1435
+ }
1436
+ @media (min-width: 576px) {
1437
+ .form-horizontal .form-group-lg .control-label {
1438
+ padding-top: 17px;
1439
+ font-size: 1.25rem;
1440
+ font-size: var(--font-size-20);
1441
+ }
1442
+ }
1443
+ @media (min-width: 576px) {
1444
+ .form-horizontal .form-group-sm .control-label {
1445
+ padding-top: 8px;
1446
+ font-size: 0.875rem;
1447
+ font-size: var(--font-size-14);
1448
+ }
1449
+ }
1450
+ .radio,
1451
+ .checkbox {
1452
+ border-color: #c9cbce;
1453
+ border-color: var(--color-interactive-secondary);
1454
+ }
1455
+ .radio > label,
1456
+ .checkbox > label {
1457
+ position: relative;
1458
+ padding-left: 48px;
1459
+ }
1460
+ [dir="rtl"] .radio > label,
1461
+ [dir="rtl"] .checkbox > label {
1462
+ padding-right: 48px;
1463
+ padding-left: 0;
1464
+ padding-left: initial;
1465
+ }
1466
+ .radio > label input[type="radio"],
1467
+ .checkbox > label input[type="radio"],
1468
+ .radio > label input[type="checkbox"],
1469
+ .checkbox > label input[type="checkbox"] {
1470
+ display: block;
1471
+ position: absolute;
1472
+ top: 13px;
1473
+ left: 40px;
1474
+ }
1475
+ [dir="rtl"] .radio > label input[type="radio"],
1476
+ [dir="rtl"] .checkbox > label input[type="radio"],
1477
+ [dir="rtl"] .radio > label input[type="checkbox"],
1478
+ [dir="rtl"] .checkbox > label input[type="checkbox"] {
1479
+ right: 40px;
1480
+ left: auto;
1481
+ left: initial;
1482
+ }
1483
+ .tw-checkbox-button {
1484
+ border: 1px solid #c9cbce;
1485
+ border: 1px solid var(--color-interactive-secondary);
1486
+ background: #ffffff;
1487
+ background: var(--color-background-screen);
1488
+ width: 22px;
1489
+ height: 22px;
1490
+ border-radius: 3px;
1491
+ display: inline-block;
1492
+ padding: 0;
1493
+ vertical-align: middle;
1494
+ text-align: center;
1495
+ transition: border 0.15s ease-in-out, background-color 0.15s ease-in-out;
1496
+ }
1497
+ .np-theme-personal .tw-checkbox-button {
1498
+ border: none;
1499
+ box-shadow: inset 0 0 0 1px #c9cbce;
1500
+ box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
1501
+ }
1502
+ .tw-checkbox-button .tw-checkbox-check {
1503
+ width: 20px;
1504
+ height: 20px;
1505
+ margin: 0;
1506
+ display: none;
1507
+ color: #ffffff;
1508
+ color: var(--color-background-screen);
1509
+ }
1510
+ .tw-checkbox-button:not(.disabled):not(:disabled):hover,
1511
+ input[type="checkbox"]:hover + .tw-checkbox-button,
1512
+ .checkbox:hover .tw-checkbox-button {
1513
+ border-color: #b5b7ba;
1514
+ border-color: var(--color-interactive-secondary-hover);
1515
+ }
1516
+ .np-theme-personal .tw-checkbox-button:not(.disabled):not(:disabled):hover,
1517
+ .np-theme-personal input[type="checkbox"]:hover + .tw-checkbox-button,
1518
+ .np-theme-personal .checkbox:hover .tw-checkbox-button {
1519
+ box-shadow: inset 0 0 0 1px #b5b7ba;
1520
+ box-shadow: inset 0 0 0 1px var(--color-interactive-secondary-hover);
1521
+ }
1522
+ .tw-checkbox-button:not(.disabled):not(:disabled):focus,
1523
+ .tw-checkbox-button:not(.disabled):not(:disabled).focus,
1524
+ .tw-checkbox-button:not(.disabled):not(:disabled):focus:hover,
1525
+ .tw-checkbox-button:not(.disabled):not(:disabled).focus:hover,
1526
+ input[type="checkbox"]:focus + .tw-checkbox-button,
1527
+ .tw-checkbox-button:not(.disabled):not(:disabled):active,
1528
+ .tw-checkbox-button:not(.disabled):not(:disabled).active,
1529
+ input[type="checkbox"]:active + .tw-checkbox-button {
1530
+ border-color: #c9cbce;
1531
+ border-color: var(--color-interactive-secondary);
1532
+ outline: none;
1533
+ }
1534
+ input[type="checkbox"]:focus-visible + .tw-checkbox-button {
1535
+ outline: var(--ring-outline-color) solid var(--ring-outline-width);
1536
+ outline-offset: var(--ring-outline-offset);
1537
+ }
1538
+ .checkbox input[type="checkbox"]:focus-visible + .tw-checkbox-button {
1539
+ outline: none;
1540
+ }
1541
+ .tw-checkbox-button:checked,
1542
+ .tw-checkbox-button.checked,
1543
+ input[type="checkbox"]:checked + .tw-checkbox-button {
1544
+ border-color: #00a2dd !important;
1545
+ border-color: var(--color-interactive-accent) !important;
1546
+ background-color: #00a2dd;
1547
+ background-color: var(--color-interactive-accent);
1548
+ }
1549
+ .tw-checkbox-button:checked .tw-checkbox-check,
1550
+ .tw-checkbox-button.checked .tw-checkbox-check,
1551
+ input[type="checkbox"]:checked + .tw-checkbox-button .tw-checkbox-check {
1552
+ display: inline-block;
1553
+ }
1554
+ .np-theme-personal .tw-checkbox-button:checked,
1555
+ .np-theme-personal .tw-checkbox-button.checked,
1556
+ .np-theme-personal input[type="checkbox"]:checked + .tw-checkbox-button {
1557
+ background-color: var(--color-interactive-primary);
1558
+ box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
1559
+ }
1560
+ .tw-checkbox-button:checked:hover,
1561
+ .tw-checkbox-button.checked:hover,
1562
+ input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
1563
+ border-color: #008fc9 !important;
1564
+ border-color: var(--color-interactive-accent-hover) !important;
1565
+ background-color: #008fc9;
1566
+ background-color: var(--color-interactive-accent-hover);
1567
+ }
1568
+ .np-theme-personal .tw-checkbox-button:checked:hover,
1569
+ .np-theme-personal .tw-checkbox-button.checked:hover,
1570
+ .np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
1571
+ border-color: var(--color-interactive-primary-hover) !important;
1572
+ background-color: var(--color-interactive-primary-hover);
1573
+ box-shadow: inset 0 0 0 1px var(--color-interactive-primary-hover);
1574
+ }
1575
+ .tw-checkbox-button:checked:active,
1576
+ .tw-checkbox-button.checked:active,
1577
+ input[type="checkbox"]:not(.disabled):not(:disabled):checked:active + .tw-checkbox-button {
1578
+ border-color: #0081ba !important;
1579
+ border-color: var(--color-interactive-accent-active) !important;
1580
+ background-color: #0081ba;
1581
+ background-color: var(--color-interactive-accent-active);
1582
+ }
1583
+ .np-theme-personal .tw-checkbox-button:checked:active,
1584
+ .np-theme-personal .tw-checkbox-button.checked:active,
1585
+ .np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):checked:active + .tw-checkbox-button {
1586
+ border-color: var(--color-interactive-primary-active) !important;
1587
+ background-color: var(--color-interactive-primary-active);
1588
+ box-shadow: inset 0 0 0 1px var(--color-interactive-primary-active);
1589
+ }
1590
+ .checkbox.has-error .tw-checkbox-button,
1591
+ .tw-checkbox-button.has-error {
1592
+ border-color: #e74848 !important;
1593
+ border-color: var(--color-interactive-negative) !important;
1594
+ }
1595
+ .checkbox.has-error .tw-checkbox-button:checked,
1596
+ .tw-checkbox-button.has-error:checked,
1597
+ .checkbox.has-error .tw-checkbox-button.checked,
1598
+ .tw-checkbox-button.has-error.checked {
1599
+ background-color: #e74848;
1600
+ background-color: var(--color-interactive-negative);
1601
+ }
1602
+ .checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked + .tw-checkbox-button {
1603
+ border-color: #e74848 !important;
1604
+ border-color: var(--color-interactive-negative) !important;
1605
+ background-color: #e74848;
1606
+ background-color: var(--color-interactive-negative);
1607
+ }
1608
+ .checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
1609
+ border-color: #d03238 !important;
1610
+ border-color: var(--color-interactive-negative-hover) !important;
1611
+ background-color: #d03238;
1612
+ background-color: var(--color-interactive-negative-hover);
1613
+ }
1614
+ .checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked:active + .tw-checkbox-button {
1615
+ border-color: #bf1e2c !important;
1616
+ border-color: var(--color-interactive-negative-active) !important;
1617
+ background-color: #bf1e2c;
1618
+ background-color: var(--color-interactive-negative-active);
1619
+ }
1620
+ .tw-radio-button {
1621
+ width: 24px;
1622
+ height: 24px;
1623
+ border-radius: 50%;
1624
+ border: 1px solid #c9cbce;
1625
+ border: 1px solid var(--color-interactive-secondary);
1626
+ background: #ffffff;
1627
+ background: var(--color-background-screen);
1628
+ display: inline-flex;
1629
+ align-items: center;
1630
+ justify-content: center;
1631
+ padding: 0;
1632
+ transition: border 0.15s ease-in-out;
1633
+ }
1634
+ .np-theme-personal .tw-radio-button {
1635
+ border: none;
1636
+ box-shadow: inset 0 0 0 1px #c9cbce;
1637
+ box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
1638
+ position: relative;
1639
+ top: 0;
1640
+ left: 0;
1641
+ }
1642
+ .tw-radio-button .tw-radio-check {
1643
+ border-radius: 50%;
1644
+ text-align: center;
1645
+ width: 12px;
1646
+ height: 12px;
1647
+ display: block;
1648
+ opacity: 0;
1649
+ transition: all 0.15s ease-in-out;
1650
+ }
1651
+ .radio:not(.disabled):not(:disabled):hover .tw-radio-button,
1652
+ .tw-radio-button:not(.disabled):not(:disabled):hover {
1653
+ border-color: #b5b7ba;
1654
+ border-color: var(--color-interactive-secondary-hover);
1655
+ }
1656
+ .np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button,
1657
+ .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover {
1658
+ border-color: transparent;
1659
+ box-shadow: inset 0 0 0 1px #b5b7ba;
1660
+ box-shadow: inset 0 0 0 1px var(--color-interactive-secondary-hover);
1661
+ }
1662
+ .np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button:checked,
1663
+ .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover:checked,
1664
+ .np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button.checked,
1665
+ .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover.checked {
1666
+ box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
1667
+ }
1668
+ .np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button:checked .tw-radio-check,
1669
+ .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover:checked .tw-radio-check,
1670
+ .np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button.checked .tw-radio-check,
1671
+ .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover.checked .tw-radio-check {
1672
+ background-color: var(--color-interactive-primary-hover);
1673
+ }
1674
+ .tw-radio-button:not(.disabled):not(:disabled):focus,
1675
+ .tw-radio-button:not(.disabled):not(:disabled).focus,
1676
+ .tw-radio-button:not(.disabled):not(:disabled):active,
1677
+ .tw-radio-button:not(.disabled):not(:disabled).active {
1678
+ border-color: #a7a9ab;
1679
+ border-color: var(--color-interactive-secondary-active);
1680
+ outline: none;
1681
+ }
1682
+ .tw-radio-button:checked,
1683
+ .tw-radio-button.checked {
1684
+ border-color: #00a2dd !important;
1685
+ border-color: var(--color-interactive-accent) !important;
1686
+ }
1687
+ .tw-radio-button:checked .tw-radio-check,
1688
+ .tw-radio-button.checked .tw-radio-check {
1689
+ opacity: 1;
1690
+ background-color: #00a2dd;
1691
+ background-color: var(--color-interactive-accent);
1692
+ }
1693
+ .np-theme-personal .tw-radio-button:checked,
1694
+ .np-theme-personal .tw-radio-button.checked {
1695
+ border-color: transparent !important;
1696
+ box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
1697
+ }
1698
+ .np-theme-personal .tw-radio-button:checked .tw-radio-check,
1699
+ .np-theme-personal .tw-radio-button.checked .tw-radio-check {
1700
+ background-color: var(--color-interactive-primary);
1701
+ max-height: 12px;
1702
+ max-width: 12px;
1703
+ }
1704
+ .radio.has-error .tw-radio-button,
1705
+ .tw-radio-button.has-error {
1706
+ border-color: #e74848 !important;
1707
+ border-color: var(--color-interactive-negative) !important;
1708
+ }
1709
+ .radio.has-error .tw-radio-button:checked .tw-radio-check,
1710
+ .tw-radio-button.has-error:checked .tw-radio-check,
1711
+ .radio.has-error .tw-radio-button.checked .tw-radio-check,
1712
+ .tw-radio-button.has-error.checked .tw-radio-check {
1713
+ background-color: #e74848;
1714
+ background-color: var(--color-interactive-negative);
1715
+ }
1716
+ .radio .tw-radio-button {
1717
+ position: absolute;
1718
+ left: 13px;
1719
+ top: 11px;
1720
+ }
1721
+ [dir="rtl"] .radio .tw-radio-button {
1722
+ right: 13px;
1723
+ left: auto;
1724
+ left: initial;
1725
+ }
1726
+ .checkbox .tw-checkbox-button {
1727
+ position: absolute;
1728
+ left: 14px;
1729
+ top: 12px;
1730
+ }
1731
+ [dir="rtl"] .checkbox .tw-checkbox-button {
1732
+ right: 14px;
1733
+ left: auto;
1734
+ left: initial;
1735
+ }
1736
+ .form-inline .tw-checkbox-button,
1737
+ .form-inline .tw-radio-button {
1738
+ vertical-align: bottom;
1739
+ }
1740
+ .form-horizontal .checkbox,
1741
+ .form-horizontal .radio {
1742
+ padding-top: 0;
1743
+ }
1744
+ .form-horizontal .checkbox > label,
1745
+ .form-horizontal .radio > label {
1746
+ margin-bottom: 0;
1747
+ }
1748
+ .np-radio.radio,
1749
+ .np-checkbox.checkbox {
1750
+ min-width: -moz-fit-content;
1751
+ min-width: fit-content;
1752
+ }
1753
+ .np-radio.radio .np-radio-button,
1754
+ .np-checkbox.checkbox .np-radio-button,
1755
+ .np-radio.radio .np-checkbox-button,
1756
+ .np-checkbox.checkbox .np-checkbox-button {
1757
+ position: relative;
1758
+ flex-shrink: 0;
1759
+ }
1760
+ .np-radio.radio .tw-checkbox-button,
1761
+ .np-checkbox.checkbox .tw-checkbox-button,
1762
+ .np-radio.radio .tw-radio-button,
1763
+ .np-checkbox.checkbox .tw-radio-button {
1764
+ position: static;
1765
+ }
1766
+ .np-radio.radio > label,
1767
+ .np-checkbox.checkbox > label {
1768
+ display: flex;
1769
+ align-items: center;
1770
+ padding: 8px 16px;
1771
+ padding: var(--size-8) var(--size-16) ;
1772
+ }
1773
+ [dir="rtl"] .np-radio.radio > label,
1774
+ [dir="rtl"] .np-checkbox.checkbox > label {
1775
+ padding: 8px 16px;
1776
+ padding: var(--size-8) var(--size-16) ;
1777
+ }
1778
+ .np-radio.radio > label .np-checkbox__text,
1779
+ .np-checkbox.checkbox > label .np-checkbox__text,
1780
+ .np-radio.radio > label .np-radio__text,
1781
+ .np-checkbox.checkbox > label .np-radio__text {
1782
+ display: block;
1783
+ padding-top: 1px;
1784
+ }
1785
+ :not(.np-theme-personal) .np-radio.radio > label .np-checkbox__text,
1786
+ :not(.np-theme-personal) .np-checkbox.checkbox > label .np-checkbox__text,
1787
+ :not(.np-theme-personal) .np-radio.radio > label .np-radio__text,
1788
+ :not(.np-theme-personal) .np-checkbox.checkbox > label .np-radio__text {
1789
+ font-weight: 400;
1790
+ font-weight: var(--font-weight-regular);
1791
+ font-size: 1rem;
1792
+ font-size: var(--font-size-16);
1793
+ line-height: 1.25rem;
1794
+ line-height: var(--line-height-20);
1795
+ padding-top: 3px;
1796
+ }
1797
+ .np-theme-personal .np-radio.radio > label,
1798
+ .np-theme-personal .np-checkbox.checkbox > label {
1799
+ padding: var(--input-padding);
1800
+ }
1801
+ .np-radio .np-radio__avatar {
1802
+ pointer-events: none;
1803
+ }
1804
+ [dir="rtl"] .input-group .input-group-btn + input {
1805
+ border-right: 0 solid transparent;
1806
+ }
1807
+ html:not([dir="rtl"]) .input-group .input-group-btn + input {
1808
+ border-left: 0 solid transparent;
1809
+ }
1810
+ .input-group-addon {
1811
+ color: #5d7079;
1812
+ color: var(--color-content-secondary);
1813
+ transition: border-color ease-in-out 0.15s;
1814
+ }
1815
+ .form-control-feedback,
1816
+ .form-control-feedback.icon {
1817
+ font-size: 24px;
1818
+ line-height: 48px;
1819
+ }
1820
+ .label {
1821
+ padding-top: 0.25em;
1822
+ position: relative;
1823
+ top: -3px;
1824
+ }
1825
+ .label .label-default {
1826
+ color: #5d7079;
1827
+ color: var(--color-content-secondary);
1828
+ background-color: rgba(134,167,189,0.10196);
1829
+ background-color: var(--color-background-neutral);
1830
+ }
1831
+ .form-group {
1832
+ position: relative;
1833
+ font-size: 0.875rem;
1834
+ font-size: var(--font-size-14);
1835
+ }
1836
+ .form-group .row {
1837
+ margin-left: -6px;
1838
+ margin-right: -6px;
1839
+ }
1840
+ [dir="rtl"] .form-group .row {
1841
+ margin-right: -6px;
1842
+ margin-left: 0;
1843
+ margin-left: initial;
1844
+ }
1845
+ [dir="rtl"] .form-group .row {
1846
+ margin-left: -6px;
1847
+ margin-right: 0;
1848
+ margin-right: initial;
1849
+ }
1850
+ .form-group .row [class*='col-'] {
1851
+ padding-left: 6px;
1852
+ padding-right: 6px;
1853
+ }
1854
+ [dir="rtl"] .form-group .row [class*='col-'] {
1855
+ padding-right: 6px;
1856
+ padding-left: 0;
1857
+ padding-left: initial;
1858
+ }
1859
+ [dir="rtl"] .form-group .row [class*='col-'] {
1860
+ padding-left: 6px;
1861
+ padding-right: 0;
1862
+ padding-right: initial;
1863
+ }
1864
+ @media (max-width: 575px) {
1865
+ .form-group .row [class*='col-sm-'] {
1866
+ margin-bottom: 0;
1867
+ }
1868
+ .form-group .row [class*='col-sm-'] .btn-input {
1869
+ margin-bottom: 12px;
1870
+ }
1871
+ }
1872
+ @media (max-width: 767px) {
1873
+ .form-group .row [class*='col-md-'] {
1874
+ margin-bottom: 0;
1875
+ }
1876
+ .form-group .row [class*='col-md-'] .form-control,
1877
+ .form-group .row [class*='col-md-'] .btn-input {
1878
+ margin-bottom: 12px;
1879
+ }
1880
+ }
1881
+ @media (max-width: 991px) {
1882
+ .form-group .row [class*='col-lg-'] {
1883
+ margin-bottom: 0;
1884
+ }
1885
+ .form-group .row [class*='col-lg-'] .form-control,
1886
+ .form-group .row [class*='col-lg-'] .btn-input {
1887
+ margin-bottom: 12px;
1888
+ }
1889
+ }
1890
+ @media (max-width: 1199px) {
1891
+ .form-group .row [class*='col-xl-'] {
1892
+ margin-bottom: 0;
1893
+ }
1894
+ .form-group .row [class*='col-xl-'] .form-control,
1895
+ .form-group .row [class*='col-xl-'] .btn-input {
1896
+ margin-bottom: 12px;
1897
+ }
1898
+ }
1899
+ @media (min-width: 576px) {
1900
+ fieldset .form-group:nth-of-type(odd) {
1901
+ clear: left;
1902
+ }
1903
+ [dir="rtl"] fieldset .form-group:nth-of-type(odd) {
1904
+ clear: right;
1905
+ }
1906
+ }
1907
+ .checkbox > label,
1908
+ .radio > label {
1909
+ display: block;
1910
+ cursor: pointer;
1911
+ padding-top: 12px;
1912
+ padding-bottom: 10px;
1913
+ padding-right: 16px;
1914
+ color: #37517e;
1915
+ color: var(--color-content-primary);
1916
+ background-color: #ffffff;
1917
+ background-color: var(--color-background-screen);
1918
+ border: 1px solid #c9cbce;
1919
+ border: 1px solid var(--color-interactive-secondary);
1920
+ border-radius: 3px;
1921
+ transition: border 0.15s ease-in-out, background-color 0.15s ease-in-out;
1922
+ }
1923
+ [dir="rtl"] .checkbox > label,
1924
+ [dir="rtl"] .radio > label {
1925
+ padding-left: 16px;
1926
+ padding-right: 0;
1927
+ padding-right: initial;
1928
+ }
1929
+ .np-theme-personal .checkbox > label,
1930
+ .np-theme-personal .radio > label {
1931
+ border-radius: 10px;
1932
+ border-radius: var(--radius-small);
1933
+ }
1934
+ .checkbox > label:not(.disabled):not(:disabled):hover,
1935
+ .radio > label:not(.disabled):not(:disabled):hover {
1936
+ border-color: #b5b7ba;
1937
+ border-color: var(--color-interactive-secondary-hover);
1938
+ }
1939
+ .checkbox > label:not(.disabled):not(:disabled).focus,
1940
+ .radio > label:not(.disabled):not(:disabled).focus,
1941
+ .checkbox > label:not(.disabled):not(:disabled).focus:hover,
1942
+ .radio > label:not(.disabled):not(:disabled).focus:hover,
1943
+ .checkbox > label:not(.disabled):not(:disabled).has-focus,
1944
+ .radio > label:not(.disabled):not(:disabled).has-focus,
1945
+ .checkbox > label:not(.disabled):not(:disabled).has-focus:hover,
1946
+ .radio > label:not(.disabled):not(:disabled).has-focus:hover,
1947
+ .checkbox > label:not(.disabled):not(:disabled):focus-within,
1948
+ .radio > label:not(.disabled):not(:disabled):focus-within {
1949
+ border-color: #0081ba;
1950
+ border-color: var(--color-interactive-accent-active);
1951
+ }
1952
+ .np-theme-personal .checkbox > label:not(.disabled):not(:disabled).focus,
1953
+ .np-theme-personal .radio > label:not(.disabled):not(:disabled).focus,
1954
+ .np-theme-personal .checkbox > label:not(.disabled):not(:disabled).focus:hover,
1955
+ .np-theme-personal .radio > label:not(.disabled):not(:disabled).focus:hover,
1956
+ .np-theme-personal .checkbox > label:not(.disabled):not(:disabled).has-focus,
1957
+ .np-theme-personal .radio > label:not(.disabled):not(:disabled).has-focus,
1958
+ .np-theme-personal .checkbox > label:not(.disabled):not(:disabled).has-focus:hover,
1959
+ .np-theme-personal .radio > label:not(.disabled):not(:disabled).has-focus:hover,
1960
+ .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):focus-within,
1961
+ .np-theme-personal .radio > label:not(.disabled):not(:disabled):focus-within {
1962
+ border-color: #c9cbce;
1963
+ border-color: var(--color-interactive-secondary);
1964
+ }
1965
+ .checkbox.checkbox-lg > label,
1966
+ .radio.checkbox-lg > label,
1967
+ .checkbox.radio-lg > label,
1968
+ .radio.radio-lg > label {
1969
+ min-height: 72px;
1970
+ min-height: var(--size-72);
1971
+ }
1972
+ .checkbox.checkbox-lg > label small,
1973
+ .radio.checkbox-lg > label small,
1974
+ .checkbox.radio-lg > label small,
1975
+ .radio.radio-lg > label small,
1976
+ .checkbox.checkbox-lg > label .small,
1977
+ .radio.checkbox-lg > label .small,
1978
+ .checkbox.radio-lg > label .small,
1979
+ .radio.radio-lg > label .small,
1980
+ .checkbox.checkbox-lg > label .body-2,
1981
+ .radio.checkbox-lg > label .body-2,
1982
+ .checkbox.radio-lg > label .body-2,
1983
+ .radio.radio-lg > label .body-2,
1984
+ .checkbox.checkbox-lg > label .np-text-body-default,
1985
+ .radio.checkbox-lg > label .np-text-body-default,
1986
+ .checkbox.radio-lg > label .np-text-body-default,
1987
+ .radio.radio-lg > label .np-text-body-default {
1988
+ display: block;
1989
+ color: #5d7079;
1990
+ color: var(--color-content-secondary);
1991
+ }
1992
+ .error-messages {
1993
+ display: none;
1994
+ color: #cf2929;
1995
+ color: var(--color-content-negative);
1996
+ background-color: rgba(255,135,135,0.10196);
1997
+ background-color: var(--color-background-negative);
1998
+ position: relative;
1999
+ }
2000
+ .error-messages::before {
2001
+ content: " ";
2002
+ position: absolute;
2003
+ display: block;
2004
+ width: 10px;
2005
+ height: 10px;
2006
+ left: 20px;
2007
+ top: -5px;
2008
+ transform: rotate(45deg);
2009
+ background-color: inherit;
2010
+ }
2011
+ [dir="rtl"] .error-messages::before {
2012
+ right: 20px;
2013
+ left: auto;
2014
+ left: initial;
2015
+ }
2016
+ .form-group .error-messages {
2017
+ border-radius: 3px;
2018
+ border-width: 0;
2019
+ margin-top: 12px;
2020
+ }
2021
+ .has-error .error-messages {
2022
+ display: block;
2023
+ }
2024
+ .has-error .error-messages:empty,
2025
+ .has-error .error-messages:-moz-only-whitespace {
2026
+ display: none;
2027
+ }
2028
+ .has-error .error-messages:empty::before,
2029
+ .has-error .error-messages:-moz-only-whitespace::before {
2030
+ display: none;
2031
+ }
2032
+ .error-required,
2033
+ .error-pattern,
2034
+ .error-minlength,
2035
+ .error-maxlength,
2036
+ .error-min,
2037
+ .error-max,
2038
+ .error-async,
2039
+ .error-number,
2040
+ .error-date,
2041
+ .error-time,
2042
+ .error-datetime,
2043
+ .error-email,
2044
+ .error-url,
2045
+ .error-week,
2046
+ .error-month,
2047
+ .error-datetimelocal {
2048
+ display: none;
2049
+ }
2050
+ .ng-invalid-required ~ .error-messages > .error-required,
2051
+ .ng-invalid-pattern ~ .error-messages > .error-pattern,
2052
+ .ng-invalid-minlength ~ .error-messages > .error-minlength,
2053
+ .ng-invalid-maxlength ~ .error-messages > .error-maxlength,
2054
+ .ng-invalid-min ~ .error-messages > .error-min,
2055
+ .ng-invalid-max ~ .error-messages > .error-max,
2056
+ .ng-invalid-async ~ .error-messages > .error-async,
2057
+ .ng-invalid-number ~ .error-messages > .error-number,
2058
+ .ng-invalid-date ~ .error-messages > .error-date,
2059
+ .ng-invalid-time ~ .error-messages > .error-time,
2060
+ .ng-invalid-datetime ~ .error-messages > .error-datetime,
2061
+ .ng-invalid-email ~ .error-messages > .error-email,
2062
+ .ng-invalid-url ~ .error-messages > .error-url,
2063
+ .ng-invalid-week ~ .error-messages > .error-week,
2064
+ .ng-invalid-month ~ .error-messages > .error-month,
2065
+ .ng-invalid-datetimelocal ~ .error-messages > .error-datetimelocal {
2066
+ display: block;
2067
+ }
2068
+ .ng-invalid-required ~ .alert-danger > .error-required,
2069
+ .ng-invalid-pattern ~ .alert-danger > .error-pattern,
2070
+ .ng-invalid-minlength ~ .alert-danger > .error-minlength,
2071
+ .ng-invalid-maxlength ~ .alert-danger > .error-maxlength,
2072
+ .ng-invalid-min ~ .alert-danger > .error-min,
2073
+ .ng-invalid-max ~ .alert-danger > .error-max,
2074
+ .ng-invalid-async ~ .alert-danger > .error-async,
2075
+ .ng-invalid-number ~ .alert-danger > .error-number,
2076
+ .ng-invalid-date ~ .alert-danger > .error-date,
2077
+ .ng-invalid-time ~ .alert-danger > .error-time,
2078
+ .ng-invalid-datetime ~ .alert-danger > .error-datetime,
2079
+ .ng-invalid-email ~ .alert-danger > .error-email,
2080
+ .ng-invalid-url ~ .alert-danger > .error-url,
2081
+ .ng-invalid-week ~ .alert-danger > .error-week,
2082
+ .ng-invalid-month ~ .alert-danger > .error-month,
2083
+ .ng-invalid-datetimelocal ~ .alert-danger > .error-datetimelocal {
2084
+ display: block;
2085
+ }
2086
+ .form-control-placeholder {
2087
+ text-overflow: ellipsis;
2088
+ overflow: hidden;
2089
+ font-weight: 400;
2090
+ font-weight: var(--font-weight-regular);
2091
+ font-size: 1rem;
2092
+ font-size: var(--font-size-16);
2093
+ line-height: 150%;
2094
+ letter-spacing: -0.011em;
2095
+ display: block;
2096
+ width: 100%;
2097
+ color: #768e9c;
2098
+ color: var(--color-content-tertiary);
2099
+ }
2100
+ .np-theme-personal .btn-input,
2101
+ .np-theme-personal .input-group,
2102
+ .np-theme-personal .form-control,
2103
+ .np-theme-personal .input-group-addon,
2104
+ .np-theme-personal .radio > label,
2105
+ .np-theme-personal .checkbox > label {
2106
+ background-color: transparent;
2107
+ background-color: initial;
2108
+ border: none !important;
2109
+ border-radius: 10px;
2110
+ border-radius: var(--radius-small);
2111
+ }
2112
+ .np-theme-personal .btn-input,
2113
+ .np-theme-personal .input-group,
2114
+ .np-theme-personal .form-control,
2115
+ .np-theme-personal .radio > label,
2116
+ .np-theme-personal .checkbox > label {
2117
+ box-shadow: inset 0 0 0 1px #c9cbce;
2118
+ box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
2119
+ transition: box-shadow 0.3s ease-in-out;
2120
+ }
2121
+ .np-theme-personal .input-group > .form-control,
2122
+ .np-theme-personal .input-group > .btn-input,
2123
+ .np-theme-personal .typeahead__input-container .form-control {
2124
+ box-shadow: none !important;
2125
+ }
2126
+ .np-theme-personal .btn-input:not(.disabled):not(:disabled):hover,
2127
+ .np-theme-personal .input-group:not(.disabled):not(:disabled):hover,
2128
+ .np-theme-personal .form-control:not(.disabled):not(:disabled):hover,
2129
+ .np-theme-personal .radio > label:not(.disabled):not(:disabled):hover,
2130
+ .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):hover {
2131
+ box-shadow: inset 0 0 0 2px #b5b7ba;
2132
+ box-shadow: inset 0 0 0 2px var(--color-interactive-secondary-hover);
2133
+ }
2134
+ .np-theme-personal .btn-input:not(.disabled):not(:disabled):hover:has(:checked, .checked),
2135
+ .np-theme-personal .input-group:not(.disabled):not(:disabled):hover:has(:checked, .checked),
2136
+ .np-theme-personal .form-control:not(.disabled):not(:disabled):hover:has(:checked, .checked),
2137
+ .np-theme-personal .radio > label:not(.disabled):not(:disabled):hover:has(:checked, .checked),
2138
+ .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):hover:has(:checked, .checked) {
2139
+ box-shadow: inset 0 0 0 2px var(--color-interactive-primary-hover);
2140
+ }
2141
+ .np-theme-personal .btn-input:not(.disabled):not(:disabled):focus-visible,
2142
+ .np-theme-personal .btn-input:not(.disabled):not(:disabled):has(:focus-visible),
2143
+ .np-theme-personal .input-group:not(.disabled):not(:disabled):focus-visible,
2144
+ .np-theme-personal .input-group:not(.disabled):not(:disabled):has(.form-control:focus-visible, .btn-input:focus-visible),
2145
+ .np-theme-personal .form-control:not(.disabled):not(:disabled):focus-visible,
2146
+ .np-theme-personal .form-control:not(.disabled):not(:disabled):has(:focus-visible),
2147
+ .np-theme-personal .radio > label:not(.disabled):not(:disabled):focus-visible,
2148
+ .np-theme-personal .radio > label:not(.disabled):not(:disabled):has(:focus-visible),
2149
+ .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):focus-visible,
2150
+ .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) {
2151
+ box-shadow: inset 0 0 0 3px var(--color-interactive-primary);
2152
+ }
2153
+ .np-theme-personal .has-error .btn-input,
2154
+ .np-theme-personal .has-error .input-group,
2155
+ .np-theme-personal .has-error .form-control,
2156
+ .np-theme-personal .has-error .radio > label,
2157
+ .np-theme-personal .has-error .checkbox > label {
2158
+ box-shadow: inset 0 0 0 2px var(--color-sentiment-negative);
2159
+ }
2160
+ .np-theme-personal .has-error .input-group:not(.disabled):not(:disabled):hover,
2161
+ .np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):hover,
2162
+ .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover,
2163
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):hover {
2164
+ box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
2165
+ }
2166
+ .np-theme-personal .has-error .input-group:not(.disabled):not(:disabled):active,
2167
+ .np-theme-personal .has-error .input-group:not(.disabled):not(:disabled):focus-visible,
2168
+ .np-theme-personal .has-error .input-group:not(.disabled):not(:disabled):has(:focus-visible),
2169
+ .np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):active,
2170
+ .np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):focus-visible,
2171
+ .np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):has(:focus-visible),
2172
+ .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):active,
2173
+ .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):focus-visible,
2174
+ .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):has(:focus-visible),
2175
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active,
2176
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible,
2177
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) {
2178
+ box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
2179
+ }
2180
+ .np-theme-personal .has-error .tw-radio-button {
2181
+ border-color: var(--color-sentiment-negative) !important;
2182
+ }
2183
+ .np-theme-personal .has-error .tw-radio-button.checked {
2184
+ box-shadow: inset 0 0 0 1px var(--color-sentiment-negative);
2185
+ }
2186
+ .np-theme-personal .has-error .tw-radio-button.checked .tw-radio-check {
2187
+ background: var(--color-sentiment-negative) !important;
2188
+ }
2189
+ .np-theme-personal .has-error .checkbox:hover .tw-checkbox-button,
2190
+ .np-theme-personal .has-error .radio:not(.disabled):hover .tw-radio-button,
2191
+ .np-theme-personal .has-error .tw-checkbox-button:not(.disabled):not(:disabled):hover,
2192
+ .np-theme-personal .has-error input[type=checkbox]:hover + .tw-checkbox-button,
2193
+ .np-theme-personal .has-error input[type=radio]:not(.disabled):not(:disabled):hover + .tw-radio-button,
2194
+ .np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):hover + .tw-checkbox-button {
2195
+ box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
2196
+ }
2197
+ .np-theme-personal .has-error .tw-checkbox-button.checked,
2198
+ .np-theme-personal .has-error .tw-checkbox-button:checked,
2199
+ .np-theme-personal .has-error input[type=checkbox]:checked + .tw-checkbox-button,
2200
+ .np-theme-personal .has-error .tw-checkbox-button.checked:hover,
2201
+ .np-theme-personal .has-error .tw-checkbox-button:checked:hover,
2202
+ .np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
2203
+ box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
2204
+ background: var(--color-sentiment-negative);
2205
+ }
2206
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active input[type=checkbox] + .tw-checkbox-button,
2207
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible input[type=checkbox] + .tw-checkbox-button,
2208
+ .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) input[type=checkbox] + .tw-checkbox-button {
2209
+ box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-active);
2210
+ }
2211
+ .np-theme-personal .tw-radio-button,
2212
+ .np-theme-personal .tw-checkbox-button {
2213
+ background-color: transparent;
2214
+ background-color: initial;
2215
+ color: inherit;
2216
+ transition: background-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
2217
+ }
2218
+ .np-theme-personal .btn-input:hover,
2219
+ .np-theme-personal .btn-input:active,
2220
+ .np-theme-personal .btn-input:focus,
2221
+ .np-theme-personal .btn-input:focus,
2222
+ .np-theme-personal .btn-input:focus-within,
2223
+ .np-theme-personal.open .btn-input {
2224
+ background-color: transparent !important;
2225
+ background-color: initial !important;
2226
+ }
2227
+ .np-theme-personal .form-group label {
2228
+ margin-bottom: 8px;
2229
+ margin-bottom: var(--padding-x-small);
2230
+ }
2231
+ .np-theme-personal .form-group .np-upload-input label {
2232
+ margin-bottom: 0;
2233
+ }
2234
+ .np-theme-personal .form-group:focus-within .control-label,
2235
+ .np-theme-personal .form-group:focus-within > label,
2236
+ .np-theme-personal .has-warning .control-label,
2237
+ .np-theme-personal .has-warning label,
2238
+ .np-theme-personal .has-success .control-label,
2239
+ .np-theme-personal .has-success label {
2240
+ color: #5d7079 !important;
2241
+ color: var(--color-content-secondary) !important;
2242
+ }
2243
+ .np-theme-personal .has-error .control-label,
2244
+ .np-theme-personal .has-error label {
2245
+ color: var(--color-sentiment-negative) !important;
2246
+ }
2247
+ .np-theme-personal .form-group .alert:before,
2248
+ .np-theme-personal .error-messages:before {
2249
+ content: none;
2250
+ }
2251
+ .np-theme-personal .error-messages,
2252
+ .np-theme-personal .alert-detach {
2253
+ color: #5d7079;
2254
+ color: var(--color-content-secondary);
2255
+ line-height: 1.2;
2256
+ line-height: var(--line-height-control);
2257
+ margin: 8px 0;
2258
+ margin: var(--padding-x-small) 0;
2259
+ padding: 0;
2260
+ background-color: transparent;
2261
+ background-color: initial;
2262
+ }
2263
+ .np-theme-personal .has-error .error-messages,
2264
+ .np-theme-personal .has-error .alert-detach.alert-danger {
2265
+ color: var(--color-sentiment-negative);
2266
+ display: flex;
2267
+ }
2268
+ .np-theme-personal .has-error .error-messages .tw-icon,
2269
+ .np-theme-personal .has-error .alert-detach.alert-danger .tw-icon {
2270
+ margin-right: 8px;
2271
+ margin-right: var(--padding-x-small);
2272
+ }
2273
+ .has-required::after {
2274
+ content: "\00a0*";
2275
+ color: #cf2929;
2276
+ color: var(--color-content-negative);
2277
+ }
2278
+ .np-theme-personal .has-required::after {
2279
+ color: var(--color-sentiment-negative);
2280
+ }
2281
+ .input-group {
2282
+ position: relative;
2283
+ display: table;
2284
+ border-collapse: separate;
2285
+ width: 100%;
2286
+ }
2287
+ .input-group[class*="col-"] {
2288
+ float: none;
2289
+ padding-left: 0;
2290
+ }
2291
+ [dir="rtl"] .input-group[class*="col-"] {
2292
+ padding-right: 0;
2293
+ padding-left: 0;
2294
+ padding-left: initial;
2295
+ }
2296
+ .input-group .form-control {
2297
+ float: left;
2298
+ width: 100%;
2299
+ margin-bottom: 0;
2300
+ border-color: #c9cbce;
2301
+ border-color: var(--color-interactive-secondary);
2302
+ }
2303
+ [dir="rtl"] .input-group .form-control {
2304
+ float: right;
2305
+ }
2306
+ [dir="rtl"] .input-group .form-control:not(:first-child) {
2307
+ border-right: 0 ;
2308
+ }
2309
+ html:not([dir="rtl"]) .input-group .form-control:not(:first-child) {
2310
+ border-left: 0 ;
2311
+ }
2312
+ [dir="rtl"] .input-group .form-control:not(:last-child) {
2313
+ border-left: 0 ;
2314
+ }
2315
+ html:not([dir="rtl"]) .input-group .form-control:not(:last-child) {
2316
+ border-right: 0 ;
2317
+ }
2318
+ .input-group .input-group-addon button.np-btn {
2319
+ padding: 0;
2320
+ min-height: 16px;
2321
+ border-radius: 50%;
2322
+ }
2323
+ .input-group .input-group-addon + .form-control {
2324
+ padding-left: 0;
2325
+ }
2326
+ [dir="rtl"] .input-group .input-group-addon + .form-control {
2327
+ padding-right: 0;
2328
+ padding-left: 0;
2329
+ padding-left: initial;
2330
+ }
2331
+ .input-group .form-control + .input-group-addon {
2332
+ padding-left: 0;
2333
+ }
2334
+ [dir="rtl"] .input-group .form-control + .input-group-addon {
2335
+ padding-right: 0;
2336
+ padding-left: 0;
2337
+ padding-left: initial;
2338
+ }
2339
+ .input-group-lg > .form-control,
2340
+ .input-group-lg > .input-group-addon,
2341
+ .input-group-lg > .input-group-btn .btn {
2342
+ min-height: var(--input-height-large);
2343
+ padding: var(--input-padding-large);
2344
+ border-radius: 3px;
2345
+ font-weight: 400;
2346
+ font-weight: var(--font-weight-regular);
2347
+ font-size: 1rem;
2348
+ font-size: var(--font-size-16);
2349
+ line-height: 150%;
2350
+ letter-spacing: -0.011em;
2351
+ margin: 0;
2352
+ color: #37517e;
2353
+ color: var(--color-content-primary);
2354
+ line-height: 1.2;
2355
+ line-height: var(--line-height-title);
2356
+ letter-spacing: 0;
2357
+ margin-bottom: 0;
2358
+ margin-bottom: initial;
2359
+ font-size: 1.375rem;
2360
+ font-size: var(--font-size-22);
2361
+ font-weight: 600;
2362
+ font-weight: var(--font-weight-semi-bold);
2363
+ letter-spacing: -0.018em;
2364
+ line-height: 125%;
2365
+ margin-bottom: 0;
2366
+ }
2367
+ select.input-group-lg > .form-control,
2368
+ select.input-group-lg > .input-group-addon,
2369
+ select.input-group-lg > .input-group-btn .btn {
2370
+ min-height: var(--input-height-large);
2371
+ }
2372
+ textarea.input-group-lg > .form-control,
2373
+ textarea.input-group-lg > .input-group-addon,
2374
+ textarea.input-group-lg > .input-group-btn .btn,
2375
+ select[multiple].input-group-lg > .form-control,
2376
+ select[multiple].input-group-lg > .input-group-addon,
2377
+ select[multiple].input-group-lg > .input-group-btn .btn {
2378
+ height: auto;
2379
+ }
2380
+ .input-group-lg > .form-control + p,
2381
+ .input-group-lg > .input-group-addon + p,
2382
+ .input-group-lg > .input-group-btn .btn + p,
2383
+ .input-group-lg > .form-control + ul:not(.list-unstyled),
2384
+ .input-group-lg > .input-group-addon + ul:not(.list-unstyled),
2385
+ .input-group-lg > .input-group-btn .btn + ul:not(.list-unstyled),
2386
+ .input-group-lg > .form-control + ol:not(.list-unstyled),
2387
+ .input-group-lg > .input-group-addon + ol:not(.list-unstyled),
2388
+ .input-group-lg > .input-group-btn .btn + ol:not(.list-unstyled) {
2389
+ margin-top: 8px;
2390
+ margin-top: var(--size-8);
2391
+ }
2392
+ .input-group-sm > .form-control,
2393
+ .input-group-sm > .input-group-addon {
2394
+ min-height: 32px;
2395
+ padding: var(--input-padding-small);
2396
+ border-radius: 3px;
2397
+ font-size: 14px;
2398
+ line-height: 24px;
2399
+ line-height: 1.5;
2400
+ line-height: var(--line-height-body);
2401
+ font-size: 1rem;
2402
+ font-size: var(--font-size-16);
2403
+ font-size: 0.875rem;
2404
+ font-size: var(--font-size-14);
2405
+ line-height: 155%;
2406
+ letter-spacing: -0.006em;
2407
+ font-weight: 400;
2408
+ font-weight: var(--font-weight-regular);
2409
+ }
2410
+ select.input-group-sm > .form-control,
2411
+ select.input-group-sm > .input-group-addon {
2412
+ min-height: 32px;
2413
+ }
2414
+ textarea.input-group-sm > .form-control,
2415
+ textarea.input-group-sm > .input-group-addon,
2416
+ select[multiple].input-group-sm > .form-control,
2417
+ select[multiple].input-group-sm > .input-group-addon {
2418
+ height: auto;
2419
+ }
2420
+ .input-group-sm > .form-control .icon,
2421
+ .input-group-sm > .input-group-addon .icon {
2422
+ font-size: 1.25rem;
2423
+ font-size: var(--font-size-20);
2424
+ }
2425
+ .input-group-sm > .input-group-btn > .btn {
2426
+ height: 32px;
2427
+ }
2428
+ .input-group-sm > .input-group-addon {
2429
+ line-height: 22px;
2430
+ }
2431
+ .input-group-addon,
2432
+ .input-group-btn,
2433
+ .input-group .form-control {
2434
+ display: table-cell;
2435
+ }
2436
+ .input-group-addon,
2437
+ .input-group-btn {
2438
+ width: 1%;
2439
+ white-space: nowrap;
2440
+ vertical-align: middle;
2441
+ }
2442
+ .input-group-addon {
2443
+ padding: var(--input-group-addon-padding);
2444
+ font-size: 1rem;
2445
+ font-size: var(--font-size-16);
2446
+ line-height: 1.5;
2447
+ line-height: var(--line-height-body);
2448
+ color: #5d7079;
2449
+ color: var(--color-content-secondary);
2450
+ text-align: center;
2451
+ background-color: #ffffff;
2452
+ background-color: var(--color-background-screen);
2453
+ border: 1px solid #c9cbce;
2454
+ border: 1px solid var(--color-interactive-secondary);
2455
+ }
2456
+ .input-group-addon.input-sm {
2457
+ padding: var(--input-group-addon-sm-padding) !important;
2458
+ }
2459
+ .input-group-addon.input-lg {
2460
+ padding: var(--input-group-addon-lg-padding) !important;
2461
+ }
2462
+ .input-group-addon--search {
2463
+ padding-right: calc(16px / 2);
2464
+ }
2465
+ .input-group-addon input[type="radio"],
2466
+ .input-group-addon input[type="checkbox"] {
2467
+ margin-top: 0;
2468
+ }
2469
+ .input-group-addon .icon {
2470
+ font-size: 24px;
2471
+ vertical-align: middle;
2472
+ display: inline-block;
2473
+ margin-top: -2px;
2474
+ margin-left: -4px;
2475
+ margin-right: -5px;
2476
+ }
2477
+ [dir="rtl"] .input-group-addon .icon {
2478
+ margin-right: -4px;
2479
+ margin-left: 0;
2480
+ margin-left: initial;
2481
+ }
2482
+ [dir="rtl"] .input-group-addon .icon {
2483
+ margin-left: -5px;
2484
+ margin-right: 0;
2485
+ margin-right: initial;
2486
+ }
2487
+ .input-group-addon a {
2488
+ -webkit-text-decoration: none;
2489
+ text-decoration: none;
2490
+ }
2491
+ .input-group-addon:empty {
2492
+ padding: 0 !important;
2493
+ width: 3px;
2494
+ }
2495
+ .form-group-lg .input-lg,
2496
+ .form-group-lg .input-group {
2497
+ margin-bottom: 0;
2498
+ }
2499
+ .input-group .input-group-addon,
2500
+ .input-group .btn-input,
2501
+ .input-group .form-control {
2502
+ border-radius: 0;
2503
+ }
2504
+ [dir="rtl"] .input-group .input-group-addon,
2505
+ [dir="rtl"] .input-group .btn-input,
2506
+ [dir="rtl"] .input-group .form-control {
2507
+ border-right-width: 0;
2508
+ }
2509
+ html:not([dir="rtl"]) .input-group .input-group-addon,
2510
+ html:not([dir="rtl"]) .input-group .btn-input,
2511
+ html:not([dir="rtl"]) .input-group .form-control {
2512
+ border-left-width: 0;
2513
+ }
2514
+ [dir="rtl"] .input-group .input-group-addon,
2515
+ [dir="rtl"] .input-group .btn-input,
2516
+ [dir="rtl"] .input-group .form-control {
2517
+ border-left-width: 0;
2518
+ }
2519
+ html:not([dir="rtl"]) .input-group .input-group-addon,
2520
+ html:not([dir="rtl"]) .input-group .btn-input,
2521
+ html:not([dir="rtl"]) .input-group .form-control {
2522
+ border-right-width: 0;
2523
+ }
2524
+ .np-theme-personal .input-group .input-group-addon,
2525
+ .np-theme-personal .input-group .btn-input,
2526
+ .np-theme-personal .input-group .form-control {
2527
+ border-radius: 0;
2528
+ }
2529
+ [dir="rtl"] .input-group .input-group-btn:first-child,
2530
+ [dir="rtl"] .input-group .input-group-addon:first-child,
2531
+ [dir="rtl"] .input-group .btn-input:first-child,
2532
+ [dir="rtl"] .input-group .form-control:first-child {
2533
+ border-right-width: 1px;
2534
+ }
2535
+ html:not([dir="rtl"]) .input-group .input-group-btn:first-child,
2536
+ html:not([dir="rtl"]) .input-group .input-group-addon:first-child,
2537
+ html:not([dir="rtl"]) .input-group .btn-input:first-child,
2538
+ html:not([dir="rtl"]) .input-group .form-control:first-child {
2539
+ border-left-width: 1px;
2540
+ }
2541
+ [dir="rtl"] .input-group .input-group-btn:first-child,
2542
+ [dir="rtl"] .input-group .input-group-addon:first-child,
2543
+ [dir="rtl"] .input-group .btn-input:first-child,
2544
+ [dir="rtl"] .input-group .form-control:first-child {
2545
+ border-bottom-right-radius: 3px;
2546
+ border-top-right-radius: 3px;
2547
+ }
2548
+ html:not([dir="rtl"]) .input-group .input-group-btn:first-child,
2549
+ html:not([dir="rtl"]) .input-group .input-group-addon:first-child,
2550
+ html:not([dir="rtl"]) .input-group .btn-input:first-child,
2551
+ html:not([dir="rtl"]) .input-group .form-control:first-child {
2552
+ border-bottom-left-radius: 3px;
2553
+ border-top-left-radius: 3px;
2554
+ }
2555
+ [dir="rtl"] .input-group .input-group-btn:last-child,
2556
+ [dir="rtl"] .input-group .input-group-addon:last-child,
2557
+ [dir="rtl"] .input-group .btn-input:last-child,
2558
+ [dir="rtl"] .input-group .form-control:last-child {
2559
+ border-left-width: 1px;
2560
+ }
2561
+ html:not([dir="rtl"]) .input-group .input-group-btn:last-child,
2562
+ html:not([dir="rtl"]) .input-group .input-group-addon:last-child,
2563
+ html:not([dir="rtl"]) .input-group .btn-input:last-child,
2564
+ html:not([dir="rtl"]) .input-group .form-control:last-child {
2565
+ border-right-width: 1px;
2566
+ }
2567
+ [dir="rtl"] .input-group .input-group-btn:last-child,
2568
+ [dir="rtl"] .input-group .input-group-addon:last-child,
2569
+ [dir="rtl"] .input-group .btn-input:last-child,
2570
+ [dir="rtl"] .input-group .form-control:last-child {
2571
+ border-bottom-left-radius: 3px;
2572
+ border-top-left-radius: 3px;
2573
+ }
2574
+ html:not([dir="rtl"]) .input-group .input-group-btn:last-child,
2575
+ html:not([dir="rtl"]) .input-group .input-group-addon:last-child,
2576
+ html:not([dir="rtl"]) .input-group .btn-input:last-child,
2577
+ html:not([dir="rtl"]) .input-group .form-control:last-child {
2578
+ border-bottom-right-radius: 3px;
2579
+ border-top-right-radius: 3px;
2580
+ }
2581
+ /* TODO: Remove this rule group once the brand refresh is out */
2582
+ [dir="rtl"] .input-group > :first-child .btn,
2583
+ [dir="rtl"] .input-group > :first-child .btn-group {
2584
+ border-bottom-left-radius: 0;
2585
+ border-top-left-radius: 0;
2586
+ }
2587
+ html:not([dir="rtl"]) .input-group > :first-child .btn,
2588
+ html:not([dir="rtl"]) .input-group > :first-child .btn-group {
2589
+ border-bottom-right-radius: 0;
2590
+ border-top-right-radius: 0;
2591
+ }
2592
+ [dir="rtl"] .np-theme-personal .input-group > :first-child .btn,
2593
+ [dir="rtl"] .np-theme-personal .input-group > :first-child .btn-group {
2594
+ border-bottom-right-radius: 10px;
2595
+ border-bottom-right-radius: var(--radius-small);
2596
+ border-top-right-radius: 10px;
2597
+ border-top-right-radius: var(--radius-small);
2598
+ }
2599
+ html:not([dir="rtl"]) .np-theme-personal .input-group > :first-child .btn,
2600
+ html:not([dir="rtl"]) .np-theme-personal .input-group > :first-child .btn-group {
2601
+ border-bottom-left-radius: 10px;
2602
+ border-bottom-left-radius: var(--radius-small);
2603
+ border-top-left-radius: 10px;
2604
+ border-top-left-radius: var(--radius-small);
2605
+ }
2606
+ [dir="rtl"] .input-group > :last-child .btn,
2607
+ [dir="rtl"] .input-group > :last-child .btn-group {
2608
+ border-bottom-right-radius: 0;
2609
+ border-top-right-radius: 0;
2610
+ }
2611
+ html:not([dir="rtl"]) .input-group > :last-child .btn,
2612
+ html:not([dir="rtl"]) .input-group > :last-child .btn-group {
2613
+ border-bottom-left-radius: 0;
2614
+ border-top-left-radius: 0;
2615
+ }
2616
+ [dir="rtl"] .np-theme-personal .input-group > :last-child .btn,
2617
+ [dir="rtl"] .np-theme-personal .input-group > :last-child .btn-group {
2618
+ border-bottom-right-radius: 10px;
2619
+ border-bottom-right-radius: var(--radius-small);
2620
+ border-top-right-radius: 10px;
2621
+ border-top-right-radius: var(--radius-small);
2622
+ }
2623
+ html:not([dir="rtl"]) .np-theme-personal .input-group > :last-child .btn,
2624
+ html:not([dir="rtl"]) .np-theme-personal .input-group > :last-child .btn-group {
2625
+ border-bottom-left-radius: 10px;
2626
+ border-bottom-left-radius: var(--radius-small);
2627
+ border-top-left-radius: 10px;
2628
+ border-top-left-radius: var(--radius-small);
2629
+ }
2630
+ .input-group-btn {
2631
+ position: relative;
2632
+ font-size: 0;
2633
+ white-space: nowrap;
2634
+ }
2635
+ .input-group-btn > .btn {
2636
+ position: relative;
2637
+ }
2638
+ .input-group-btn > .btn + .btn {
2639
+ margin-left: -1px;
2640
+ }
2641
+ [dir="rtl"] .input-group-btn > .btn + .btn {
2642
+ margin-right: -1px;
2643
+ margin-left: 0;
2644
+ margin-left: initial;
2645
+ }
2646
+ .input-group-btn > .btn:hover,
2647
+ .input-group-btn > .btn:focus,
2648
+ .input-group-btn > .btn:active {
2649
+ z-index: 2;
2650
+ }
2651
+ .input-group-btn:first-child > .btn,
2652
+ .input-group-btn:first-child > .btn-group {
2653
+ margin-right: -1px;
2654
+ }
2655
+ [dir="rtl"] .input-group-btn:first-child > .btn,
2656
+ [dir="rtl"] .input-group-btn:first-child > .btn-group {
2657
+ margin-left: -1px;
2658
+ margin-right: 0;
2659
+ margin-right: initial;
2660
+ }
2661
+ .input-group:hover:not(.disabled):not(:disabled) .form-control,
2662
+ .input-group:hover:not(.disabled):not(:disabled) .input-group-addon,
2663
+ .input-group:hover:not(.disabled):not(:disabled) .btn-input,
2664
+ .input-group:hover:not(.disabled):not(:disabled) .bootstrap-select .btn-default {
2665
+ border-color: #b5b7ba;
2666
+ border-color: var(--color-interactive-secondary-hover);
2667
+ }
2668
+ .form-control:hover:not(.disabled):not(:disabled) {
2669
+ border-color: #b5b7ba;
2670
+ border-color: var(--color-interactive-secondary-hover);
2671
+ }
2672
+ .input-group:focus-within:not(.disabled):not(:disabled) .form-control,
2673
+ .input-group:focus-within:not(.disabled):not(:disabled) .input-group-addon,
2674
+ .input-group:focus-within:not(.disabled):not(:disabled) .btn-input,
2675
+ .input-group:focus-within:not(.disabled):not(:disabled) .bootstrap-select .btn-default {
2676
+ border-color: #00a2dd;
2677
+ border-color: var(--color-interactive-accent);
2678
+ }
2679
+ .np-theme-personal .input-group:focus-within:not(.disabled):not(:disabled) .form-control,
2680
+ .np-theme-personal .input-group:focus-within:not(.disabled):not(:disabled) .input-group-addon,
2681
+ .np-theme-personal .input-group:focus-within:not(.disabled):not(:disabled) .btn-input,
2682
+ .np-theme-personal .input-group:focus-within:not(.disabled):not(:disabled) .bootstrap-select .btn-default {
2683
+ border-color: #c9cbce;
2684
+ border-color: var(--color-interactive-secondary);
2685
+ }
2686
+ .form-control:focus-within:not(.disabled):not(:disabled) {
2687
+ border-color: #00a2dd;
2688
+ border-color: var(--color-interactive-accent);
2689
+ }
2690
+ .np-theme-personal .form-control:focus-within:not(.disabled):not(:disabled) {
2691
+ border-color: #c9cbce;
2692
+ border-color: var(--color-interactive-secondary);
2693
+ }
2694
+ .has-error .input-group .form-control,
2695
+ .has-error .input-group .input-group-addon {
2696
+ border-color: #e74848;
2697
+ border-color: var(--color-interactive-negative);
2698
+ }
2699
+ .has-error .input-group .form-control:hover,
2700
+ .has-error .input-group .input-group-addon:hover {
2701
+ border-color: #d03238;
2702
+ border-color: var(--color-interactive-negative-hover);
2703
+ }
2704
+ .dropdown-menu .input-group-addon {
2705
+ border: 0;
2706
+ }