@transferwise/neptune-css 0.0.0-experimental-bca35d9 → 0.0.0-experimental-e674a91

package/dist/css/input-groups.css

@@ -22,7 +22,7 @@ label {
 }
 label,
 .secondary {
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
   transition: color ease-in-out 0.15s;
   font-size: 0.875rem;
@@ -73,18 +73,18 @@ output {
   font-size: var(--font-size-16);
   line-height: 1.2;
   line-height: var(--line-height-control);
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .form-control {
   display: block;
   width: 100%;
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
   background-color: #ffffff;
   background-color: var(--color-background-screen);
   background-image: none;
-  border: 1px solid #868685;
+  border: 1px solid #c9cbce;
   border: 1px solid var(--color-interactive-secondary);
   transition: border-color ease-in-out 0.15s;
   min-height: var(--input-height-base);
@@ -106,16 +106,16 @@ select[multiple].form-control {
   height: auto;
 }
 .form-control:not(.disabled):not(:disabled):focus {
-  border-color: #65cf21;
+  border-color: #0081ba;
   border-color: var(--color-interactive-accent-active);
   outline: 0;
 }
 .form-control::-moz-placeholder {
-  color: #6a6c6a;
+  color: #768e9c;
   color: var(--color-content-tertiary);
 }
 .form-control::placeholder {
-  color: #6a6c6a;
+  color: #768e9c;
   color: var(--color-content-tertiary);
 }
 textarea.form-control {
@@ -132,20 +132,18 @@ textarea.form-control {
   margin-top: 8px;
 }
 .form-control:focus {
-  border-color: #65cf21;
+  border-color: #0081ba;
   border-color: var(--color-interactive-accent-active);
 }
 .np-theme-personal .form-control:not(.disabled):not(:disabled):focus {
-  border-color: #163300;
   border-color: var(--color-interactive-primary);
   outline: 0;
 }
 .np-theme-personal .form-control:hover {
-  border-color: #6c6c6b;
+  border-color: #b5b7ba;
   border-color: var(--color-interactive-secondary-hover);
 }
 .np-theme-personal .form-control:focus {
-  border-color: #163300;
   border-color: var(--color-interactive-primary);
 }
 input[type='search'] {
@@ -190,7 +188,7 @@ input[type='search'] {
 }
 .form-group:focus-within .control-label,
 .form-group:focus-within > label {
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .row-equal-height > [class*='col-'] > .form-group {
@@ -282,11 +280,11 @@ fieldset[disabled] .checkbox label {
   margin-bottom: 0;
   min-height: calc(1.2 * 2);
   min-height: calc(var(--line-height-control) * 2);
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
-  background-color: rgba(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
-  border: 1px solid #868685;
+  border: 1px solid #c9cbce;
   border: 1px solid var(--color-interactive-secondary);
   border-radius: 3px;
   padding: var(--input-padding);
@@ -456,17 +454,17 @@ select[multiple].input-lg {
 }
 .focus .control-label,
 .has-focus .control-label {
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .focus .input-group-addon,
 .has-focus .input-group-addon {
-  border-color: #868685;
+  border-color: #c9cbce;
   border-color: var(--color-interactive-secondary);
 }
 .focus .input-group-addon:active,
 .has-focus .input-group-addon:active {
-  border-color: #525251;
+  border-color: #a7a9ab;
   border-color: var(--color-interactive-secondary-active);
 }
 .help-block,
@@ -485,11 +483,11 @@ select[multiple].input-lg {
   color: inherit;
 }
 .help-block {
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
-  border-color: #868685;
+  border-color: #c9cbce;
   border-color: var(--color-interactive-secondary);
-  background-color: rgba(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
   display: block;
   position: relative;
@@ -562,10 +560,11 @@ select[multiple].input-lg {
 }
 .focus .alert,
 .has-focus .alert {
-  border-color: #65cf21;
+  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 .control-label,
@@ -582,7 +581,9 @@ select[multiple].input-lg {
 .has-success .radio-inline label,
 .has-success .checkbox-inline label,
 .has-success .input-group-addon {
+  color: #008026 !important;
   color: var(--color-content-positive) !important;
+  border-color: #2ead4b !important;
   border-color: var(--color-interactive-positive) !important;
 }
 .has-success .form-control,
@@ -591,6 +592,7 @@ select[multiple].input-lg {
 .has-success .btn-input:not(.disabled):not(:disabled):hover,
 .has-success .input-group-addon,
 .has-success .alert {
+  border-color: #2ead4b !important;
   border-color: var(--color-interactive-positive) !important;
 }
 .has-success:active .form-control,
@@ -614,27 +616,32 @@ select[multiple].input-lg {
 .has-success:active .alert,
 .has-success:focus .alert,
 .has-success:focus-within .alert {
+  border-color: #069939 !important;
   border-color: var(--color-interactive-positive-hover) !important;
 }
 .has-success:not(.disabled):not(:disabled):hover.radio label,
 .has-success:not(.disabled):not(:disabled):hover.checkbox label,
 .has-success:not(.disabled):not(:disabled):hover .btn-input,
 .has-success:not(.disabled):not(:disabled):hover .alert {
+  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):not(:disabled),
 .has-success.checkbox > label:not(.disabled):not(:disabled) {
+  border-color: #2ead4b;
   border-color: var(--color-interactive-positive);
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .has-success .radio > label:not(.disabled):not(:disabled):hover,
 .has-success.checkbox > label:not(.disabled):not(:disabled):hover,
 .has-success .radio > label:focus-within,
 .has-success.checkbox > label:focus-within {
+  border-color: #069939 !important;
   border-color: var(--color-interactive-positive-hover) !important;
 }
 .has-success .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
@@ -645,16 +652,17 @@ select[multiple].input-lg {
 .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
 .has-success .radio > label:focus-within .tw-radio-button,
 .has-success.checkbox > label:focus-within .tw-radio-button {
+  border-color: #069939 !important;
   border-color: var(--color-interactive-positive-hover) !important;
 }
 .has-success .radio .tw-checkbox-button,
 .has-success.checkbox .tw-checkbox-button,
 .has-success .radio .tw-radio-button,
 .has-success.checkbox .tw-radio-button {
+  border-color: #2ead4b;
   border-color: var(--color-interactive-positive);
 }
 .np-theme-personal .has-success {
-  border-color: #054d28 !important;
   border-color: var(--color-sentiment-positive) !important;
 }
 .np-theme-personal .has-success .control-label,
@@ -671,9 +679,8 @@ select[multiple].input-lg {
 .np-theme-personal .has-success .radio-inline label,
 .np-theme-personal .has-success .checkbox-inline label,
 .np-theme-personal .has-success .input-group-addon {
-  color: #0e0f0c !important;
+  color: #37517e !important;
   color: var(--color-content-primary) !important;
-  border-color: #054d28 !important;
   border-color: var(--color-sentiment-positive) !important;
 }
 .np-theme-personal .has-success .form-control,
@@ -682,7 +689,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-success .btn-input:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-success .input-group-addon,
 .np-theme-personal .has-success .alert {
-  border-color: #054d28 !important;
   border-color: var(--color-sentiment-positive) !important;
 }
 .np-theme-personal .has-success:active .form-control,
@@ -706,32 +712,28 @@ select[multiple].input-lg {
 .np-theme-personal .has-success:active .alert,
 .np-theme-personal .has-success:focus .alert,
 .np-theme-personal .has-success:focus-within .alert {
-  border-color: #054d28 !important;
   border-color: var(--color-sentiment-positive) !important;
 }
 .np-theme-personal .has-success:not(.disabled):not(:disabled):hover.radio label,
 .np-theme-personal .has-success:not(.disabled):not(:disabled):hover.checkbox label,
 .np-theme-personal .has-success:not(.disabled):not(:disabled):hover .btn-input,
 .np-theme-personal .has-success:not(.disabled):not(:disabled):hover .alert {
-  border-color: #054d28 !important;
   border-color: var(--color-sentiment-positive) !important;
 }
 .np-theme-personal .has-success .form-control-feedback {
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled),
 .np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled) {
-  border-color: #054d28;
   border-color: var(--color-sentiment-positive);
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-success .radio > label:focus-within,
 .np-theme-personal .has-success.checkbox > label:focus-within {
-  border-color: #054d28 !important;
   border-color: var(--color-sentiment-positive) !important;
 }
 .np-theme-personal .has-success .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
@@ -742,18 +744,16 @@ select[multiple].input-lg {
 .np-theme-personal .has-success.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
 .np-theme-personal .has-success .radio > label:focus-within .tw-radio-button,
 .np-theme-personal .has-success.checkbox > label:focus-within .tw-radio-button {
-  border-color: #054d28 !important;
   border-color: var(--color-sentiment-positive) !important;
 }
 .np-theme-personal .has-success .radio .tw-checkbox-button,
 .np-theme-personal .has-success.checkbox .tw-checkbox-button,
 .np-theme-personal .has-success .radio .tw-radio-button,
 .np-theme-personal .has-success.checkbox .tw-radio-button {
-  border-color: #054d28;
   border-color: var(--color-sentiment-positive);
 }
 .has-info {
-  border-color: #9fe870 !important;
+  border-color: #00a2dd !important;
   border-color: var(--color-interactive-accent) !important;
 }
 .has-info .control-label,
@@ -770,8 +770,9 @@ select[multiple].input-lg {
 .has-info .radio-inline label,
 .has-info .checkbox-inline label,
 .has-info .input-group-addon {
+  color: #0097c7 !important;
   color: var(--color-content-accent) !important;
-  border-color: #9fe870 !important;
+  border-color: #00a2dd !important;
   border-color: var(--color-interactive-accent) !important;
 }
 .has-info .form-control,
@@ -780,7 +781,7 @@ select[multiple].input-lg {
 .has-info .btn-input:not(.disabled):not(:disabled):hover,
 .has-info .input-group-addon,
 .has-info .alert {
-  border-color: #9fe870 !important;
+  border-color: #00a2dd !important;
   border-color: var(--color-interactive-accent) !important;
 }
 .has-info:active .form-control,
@@ -804,31 +805,32 @@ select[multiple].input-lg {
 .has-info:active .alert,
 .has-info:focus .alert,
 .has-info:focus-within .alert {
-  border-color: #80e142 !important;
+  border-color: #008fc9 !important;
   border-color: var(--color-interactive-accent-hover) !important;
 }
 .has-info:not(.disabled):not(:disabled):hover.radio label,
 .has-info:not(.disabled):not(:disabled):hover.checkbox label,
 .has-info:not(.disabled):not(:disabled):hover .btn-input,
 .has-info:not(.disabled):not(:disabled):hover .alert {
-  border-color: #80e142 !important;
+  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):not(:disabled),
 .has-info.checkbox > label:not(.disabled):not(:disabled) {
-  border-color: #9fe870;
+  border-color: #00a2dd;
   border-color: var(--color-interactive-accent);
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .has-info .radio > label:not(.disabled):not(:disabled):hover,
 .has-info.checkbox > label:not(.disabled):not(:disabled):hover,
 .has-info .radio > label:focus-within,
 .has-info.checkbox > label:focus-within {
-  border-color: #80e142 !important;
+  border-color: #008fc9 !important;
   border-color: var(--color-interactive-accent-hover) !important;
 }
 .has-info .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
@@ -839,14 +841,14 @@ select[multiple].input-lg {
 .has-info.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
 .has-info .radio > label:focus-within .tw-radio-button,
 .has-info.checkbox > label:focus-within .tw-radio-button {
-  border-color: #80e142 !important;
+  border-color: #008fc9 !important;
   border-color: var(--color-interactive-accent-hover) !important;
 }
 .has-info .radio .tw-checkbox-button,
 .has-info.checkbox .tw-checkbox-button,
 .has-info .radio .tw-radio-button,
 .has-info.checkbox .tw-radio-button {
-  border-color: #9fe870;
+  border-color: #00a2dd;
   border-color: var(--color-interactive-accent);
 }
 .np-theme-personal .has-info {
@@ -866,7 +868,7 @@ select[multiple].input-lg {
 .np-theme-personal .has-info .radio-inline label,
 .np-theme-personal .has-info .checkbox-inline label,
 .np-theme-personal .has-info .input-group-addon {
-  color: #0e0f0c !important;
+  color: #37517e !important;
   color: var(--color-content-primary) !important;
   border-color: transparent !important;
 }
@@ -908,13 +910,13 @@ select[multiple].input-lg {
   border-color: transparent !important;
 }
 .np-theme-personal .has-info .form-control-feedback {
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .np-theme-personal .has-info .radio > label:not(.disabled):not(:disabled),
 .np-theme-personal .has-info.checkbox > label:not(.disabled):not(:disabled) {
   border-color: transparent;
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .np-theme-personal .has-info .radio > label:not(.disabled):not(:disabled):hover,
@@ -940,6 +942,7 @@ select[multiple].input-lg {
   border-color: transparent;
 }
 .has-warning {
+  border-color: #df8700 !important;
   border-color: var(--color-interactive-warning) !important;
 }
 .has-warning .control-label,
@@ -956,7 +959,9 @@ select[multiple].input-lg {
 .has-warning .radio-inline label,
 .has-warning .checkbox-inline label,
 .has-warning .input-group-addon {
+  color: #9a6500 !important;
   color: var(--color-content-warning) !important;
+  border-color: #df8700 !important;
   border-color: var(--color-interactive-warning) !important;
 }
 .has-warning .form-control,
@@ -965,6 +970,7 @@ select[multiple].input-lg {
 .has-warning .btn-input:not(.disabled):not(:disabled):hover,
 .has-warning .input-group-addon,
 .has-warning .alert {
+  border-color: #df8700 !important;
   border-color: var(--color-interactive-warning) !important;
 }
 .has-warning:active .form-control,
@@ -988,27 +994,32 @@ select[multiple].input-lg {
 .has-warning:active .alert,
 .has-warning:focus .alert,
 .has-warning:focus-within .alert {
+  border-color: #c97500 !important;
   border-color: var(--color-interactive-warning-hover) !important;
 }
 .has-warning:not(.disabled):not(:disabled):hover.radio label,
 .has-warning:not(.disabled):not(:disabled):hover.checkbox label,
 .has-warning:not(.disabled):not(:disabled):hover .btn-input,
 .has-warning:not(.disabled):not(:disabled):hover .alert {
+  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):not(:disabled),
 .has-warning.checkbox > label:not(.disabled):not(:disabled) {
+  border-color: #df8700;
   border-color: var(--color-interactive-warning);
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .has-warning .radio > label:not(.disabled):not(:disabled):hover,
 .has-warning.checkbox > label:not(.disabled):not(:disabled):hover,
 .has-warning .radio > label:focus-within,
 .has-warning.checkbox > label:focus-within {
+  border-color: #c97500 !important;
   border-color: var(--color-interactive-warning-hover) !important;
 }
 .has-warning .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
@@ -1019,16 +1030,17 @@ select[multiple].input-lg {
 .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
 .has-warning .radio > label:focus-within .tw-radio-button,
 .has-warning.checkbox > label:focus-within .tw-radio-button {
+  border-color: #c97500 !important;
   border-color: var(--color-interactive-warning-hover) !important;
 }
 .has-warning .radio .tw-checkbox-button,
 .has-warning.checkbox .tw-checkbox-button,
 .has-warning .radio .tw-radio-button,
 .has-warning.checkbox .tw-radio-button {
+  border-color: #df8700;
   border-color: var(--color-interactive-warning);
 }
 .np-theme-personal .has-warning {
-  border-color: #ffd11a !important;
   border-color: var(--color-sentiment-warning) !important;
 }
 .np-theme-personal .has-warning .control-label,
@@ -1045,9 +1057,8 @@ select[multiple].input-lg {
 .np-theme-personal .has-warning .radio-inline label,
 .np-theme-personal .has-warning .checkbox-inline label,
 .np-theme-personal .has-warning .input-group-addon {
-  color: #0e0f0c !important;
+  color: #37517e !important;
   color: var(--color-content-primary) !important;
-  border-color: #ffd11a !important;
   border-color: var(--color-sentiment-warning) !important;
 }
 .np-theme-personal .has-warning .form-control,
@@ -1056,7 +1067,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-warning .btn-input:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-warning .input-group-addon,
 .np-theme-personal .has-warning .alert {
-  border-color: #ffd11a !important;
   border-color: var(--color-sentiment-warning) !important;
 }
 .np-theme-personal .has-warning:active .form-control,
@@ -1080,32 +1090,28 @@ select[multiple].input-lg {
 .np-theme-personal .has-warning:active .alert,
 .np-theme-personal .has-warning:focus .alert,
 .np-theme-personal .has-warning:focus-within .alert {
-  border-color: #ffd11a !important;
   border-color: var(--color-sentiment-warning) !important;
 }
 .np-theme-personal .has-warning:not(.disabled):not(:disabled):hover.radio label,
 .np-theme-personal .has-warning:not(.disabled):not(:disabled):hover.checkbox label,
 .np-theme-personal .has-warning:not(.disabled):not(:disabled):hover .btn-input,
 .np-theme-personal .has-warning:not(.disabled):not(:disabled):hover .alert {
-  border-color: #ffd11a !important;
   border-color: var(--color-sentiment-warning) !important;
 }
 .np-theme-personal .has-warning .form-control-feedback {
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled),
 .np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled) {
-  border-color: #ffd11a;
   border-color: var(--color-sentiment-warning);
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-warning .radio > label:focus-within,
 .np-theme-personal .has-warning.checkbox > label:focus-within {
-  border-color: #ffd11a !important;
   border-color: var(--color-sentiment-warning) !important;
 }
 .np-theme-personal .has-warning .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
@@ -1116,17 +1122,16 @@ select[multiple].input-lg {
 .np-theme-personal .has-warning.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
 .np-theme-personal .has-warning .radio > label:focus-within .tw-radio-button,
 .np-theme-personal .has-warning.checkbox > label:focus-within .tw-radio-button {
-  border-color: #ffd11a !important;
   border-color: var(--color-sentiment-warning) !important;
 }
 .np-theme-personal .has-warning .radio .tw-checkbox-button,
 .np-theme-personal .has-warning.checkbox .tw-checkbox-button,
 .np-theme-personal .has-warning .radio .tw-radio-button,
 .np-theme-personal .has-warning.checkbox .tw-radio-button {
-  border-color: #ffd11a;
   border-color: var(--color-sentiment-warning);
 }
 .has-error {
+  border-color: #e74848 !important;
   border-color: var(--color-interactive-negative) !important;
 }
 .has-error .control-label,
@@ -1143,7 +1148,9 @@ select[multiple].input-lg {
 .has-error .radio-inline label,
 .has-error .checkbox-inline label,
 .has-error .input-group-addon {
+  color: #cf2929 !important;
   color: var(--color-content-negative) !important;
+  border-color: #e74848 !important;
   border-color: var(--color-interactive-negative) !important;
 }
 .has-error .form-control,
@@ -1152,6 +1159,7 @@ select[multiple].input-lg {
 .has-error .btn-input:not(.disabled):not(:disabled):hover,
 .has-error .input-group-addon,
 .has-error .alert {
+  border-color: #e74848 !important;
   border-color: var(--color-interactive-negative) !important;
 }
 .has-error:active .form-control,
@@ -1175,27 +1183,32 @@ select[multiple].input-lg {
 .has-error:active .alert,
 .has-error:focus .alert,
 .has-error:focus-within .alert {
+  border-color: #d03238 !important;
   border-color: var(--color-interactive-negative-hover) !important;
 }
 .has-error:not(.disabled):not(:disabled):hover.radio label,
 .has-error:not(.disabled):not(:disabled):hover.checkbox label,
 .has-error:not(.disabled):not(:disabled):hover .btn-input,
 .has-error:not(.disabled):not(:disabled):hover .alert {
+  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):not(:disabled),
 .has-error.checkbox > label:not(.disabled):not(:disabled) {
+  border-color: #e74848;
   border-color: var(--color-interactive-negative);
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .has-error .radio > label:not(.disabled):not(:disabled):hover,
 .has-error.checkbox > label:not(.disabled):not(:disabled):hover,
 .has-error .radio > label:focus-within,
 .has-error.checkbox > label:focus-within {
+  border-color: #d03238 !important;
   border-color: var(--color-interactive-negative-hover) !important;
 }
 .has-error .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
@@ -1206,16 +1219,17 @@ select[multiple].input-lg {
 .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
 .has-error .radio > label:focus-within .tw-radio-button,
 .has-error.checkbox > label:focus-within .tw-radio-button {
+  border-color: #d03238 !important;
   border-color: var(--color-interactive-negative-hover) !important;
 }
 .has-error .radio .tw-checkbox-button,
 .has-error.checkbox .tw-checkbox-button,
 .has-error .radio .tw-radio-button,
 .has-error.checkbox .tw-radio-button {
+  border-color: #e74848;
   border-color: var(--color-interactive-negative);
 }
 .np-theme-personal .has-error {
-  border-color: #cb272f !important;
   border-color: var(--color-sentiment-negative) !important;
 }
 .np-theme-personal .has-error .control-label,
@@ -1232,9 +1246,8 @@ select[multiple].input-lg {
 .np-theme-personal .has-error .radio-inline label,
 .np-theme-personal .has-error .checkbox-inline label,
 .np-theme-personal .has-error .input-group-addon {
-  color: #0e0f0c !important;
+  color: #37517e !important;
   color: var(--color-content-primary) !important;
-  border-color: #cb272f !important;
   border-color: var(--color-sentiment-negative) !important;
 }
 .np-theme-personal .has-error .form-control,
@@ -1243,7 +1256,6 @@ select[multiple].input-lg {
 .np-theme-personal .has-error .btn-input:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-error .input-group-addon,
 .np-theme-personal .has-error .alert {
-  border-color: #cb272f !important;
   border-color: var(--color-sentiment-negative) !important;
 }
 .np-theme-personal .has-error:active .form-control,
@@ -1267,32 +1279,28 @@ select[multiple].input-lg {
 .np-theme-personal .has-error:active .alert,
 .np-theme-personal .has-error:focus .alert,
 .np-theme-personal .has-error:focus-within .alert {
-  border-color: #b8232b !important;
   border-color: var(--color-sentiment-negative-hover) !important;
 }
 .np-theme-personal .has-error:not(.disabled):not(:disabled):hover.radio label,
 .np-theme-personal .has-error:not(.disabled):not(:disabled):hover.checkbox label,
 .np-theme-personal .has-error:not(.disabled):not(:disabled):hover .btn-input,
 .np-theme-personal .has-error:not(.disabled):not(:disabled):hover .alert {
-  border-color: #b8232b !important;
   border-color: var(--color-sentiment-negative-hover) !important;
 }
 .np-theme-personal .has-error .form-control-feedback {
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled),
 .np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled) {
-  border-color: #cb272f;
   border-color: var(--color-sentiment-negative);
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
 }
 .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-error .radio > label:focus-within,
 .np-theme-personal .has-error.checkbox > label:focus-within {
-  border-color: #b8232b !important;
   border-color: var(--color-sentiment-negative-hover) !important;
 }
 .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover .tw-checkbox-button,
@@ -1303,14 +1311,12 @@ select[multiple].input-lg {
 .np-theme-personal .has-error.checkbox > label:not(.disabled):not(:disabled):hover .tw-radio-button,
 .np-theme-personal .has-error .radio > label:focus-within .tw-radio-button,
 .np-theme-personal .has-error.checkbox > label:focus-within .tw-radio-button {
-  border-color: #b8232b !important;
   border-color: var(--color-sentiment-negative-hover) !important;
 }
 .np-theme-personal .has-error .radio .tw-checkbox-button,
 .np-theme-personal .has-error.checkbox .tw-checkbox-button,
 .np-theme-personal .has-error .radio .tw-radio-button,
 .np-theme-personal .has-error.checkbox .tw-radio-button {
-  border-color: #cb272f;
   border-color: var(--color-sentiment-negative);
 }
 .has-feedback label ~ .form-control-feedback {
@@ -1441,7 +1447,7 @@ select[multiple].input-lg {
 }
 .radio,
 .checkbox {
-  border-color: #868685;
+  border-color: #c9cbce;
   border-color: var(--color-interactive-secondary);
 }
 .radio > label,
@@ -1473,7 +1479,7 @@ select[multiple].input-lg {
   left: initial;
 }
 .tw-checkbox-button {
-  border: 1px solid #868685;
+  border: 1px solid #c9cbce;
   border: 1px solid var(--color-interactive-secondary);
   background: #ffffff;
   background: var(--color-background-screen);
@@ -1488,7 +1494,7 @@ select[multiple].input-lg {
 }
 .np-theme-personal .tw-checkbox-button {
   border: none;
-  box-shadow: inset 0 0 0 1px #868685;
+  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,
@@ -1503,13 +1509,13 @@ select[multiple].input-lg {
 .tw-checkbox-button:not(.disabled):not(:disabled):hover,
 input[type="checkbox"]:hover + .tw-checkbox-button,
 .checkbox:hover .tw-checkbox-button {
-  border-color: #6c6c6b;
+  border-color: #b5b7ba;
   border-color: var(--color-interactive-secondary-hover);
 }
 .np-theme-personal .tw-checkbox-button:not(.disabled):not(:disabled):hover,
 .np-theme-personal input[type="checkbox"]:hover + .tw-checkbox-button,
 .np-theme-personal .checkbox:hover .tw-checkbox-button {
-  box-shadow: inset 0 0 0 1px #6c6c6b;
+  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):not(:disabled):focus,
@@ -1520,7 +1526,7 @@ input[type="checkbox"]:focus + .tw-checkbox-button,
 .tw-checkbox-button:not(.disabled):not(:disabled):active,
 .tw-checkbox-button:not(.disabled):not(:disabled).active,
 input[type="checkbox"]:active + .tw-checkbox-button {
-  border-color: #868685;
+  border-color: #c9cbce;
   border-color: var(--color-interactive-secondary);
   outline: none;
 }
@@ -1535,18 +1541,16 @@ input[type="checkbox"]:focus-visible + .tw-checkbox-button {
 .tw-checkbox-button.checked,
 input[type="checkbox"]:checked + .tw-checkbox-button,
 input[type="checkbox"]:indeterminate + .tw-checkbox-button {
-  border-color: #9fe870 !important;
+  border-color: #00a2dd !important;
   border-color: var(--color-interactive-accent) !important;
-  background-color: #9fe870;
+  background-color: #00a2dd;
   background-color: var(--color-interactive-accent);
 }
 .np-theme-personal .tw-checkbox-button:checked,
 .np-theme-personal .tw-checkbox-button.checked,
 .np-theme-personal input[type="checkbox"]:checked + .tw-checkbox-button,
 .np-theme-personal input[type="checkbox"]:indeterminate + .tw-checkbox-button {
-  background-color: #163300;
   background-color: var(--color-interactive-primary);
-  box-shadow: inset 0 0 0 1px #163300;
   box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
 }
 .tw-checkbox-button:checked .tw-checkbox-check,
@@ -1561,72 +1565,74 @@ input[type="checkbox"]:indeterminate + .tw-checkbox-button .np-tw-checkbox-indet
 .tw-checkbox-button.checked:hover,
 input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button,
 input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:hover + .tw-checkbox-button {
-  border-color: #80e142 !important;
+  border-color: #008fc9 !important;
   border-color: var(--color-interactive-accent-hover) !important;
-  background-color: #80e142;
+  background-color: #008fc9;
   background-color: var(--color-interactive-accent-hover);
 }
 .np-theme-personal .tw-checkbox-button:checked:hover,
 .np-theme-personal .tw-checkbox-button.checked:hover,
 .np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button,
 .np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:hover + .tw-checkbox-button {
-  border-color: #0d1f00 !important;
   border-color: var(--color-interactive-primary-hover) !important;
-  background-color: #0d1f00;
   background-color: var(--color-interactive-primary-hover);
-  box-shadow: inset 0 0 0 1px #0d1f00;
   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):not(:disabled):checked:active + .tw-checkbox-button,
 input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-checkbox-button {
-  border-color: #65cf21 !important;
+  border-color: #0081ba !important;
   border-color: var(--color-interactive-accent-active) !important;
-  background-color: #65cf21;
+  background-color: #0081ba;
   background-color: var(--color-interactive-accent-active);
 }
 .np-theme-personal .tw-checkbox-button:checked:active,
 .np-theme-personal .tw-checkbox-button.checked:active,
 .np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):checked:active + .tw-checkbox-button,
 .np-theme-personal input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-checkbox-button {
-  border-color: #0e0f0c !important;
   border-color: var(--color-interactive-primary-active) !important;
-  background-color: #0e0f0c;
   background-color: var(--color-interactive-primary-active);
-  box-shadow: inset 0 0 0 1px #0e0f0c;
   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,
 .tw-checkbox-button.has-error:checked,
 .checkbox.has-error .tw-checkbox-button.checked,
 .tw-checkbox-button.has-error.checked {
+  background-color: #e74848;
   background-color: var(--color-interactive-negative);
 }
 .checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked + .tw-checkbox-button,
 .checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate + .tw-checkbox-button {
+  border-color: #e74848 !important;
   border-color: var(--color-interactive-negative) !important;
+  background-color: #e74848;
   background-color: var(--color-interactive-negative);
 }
 .checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button,
 .checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked:indeterminate + .tw-checkbox-button {
+  border-color: #d03238 !important;
   border-color: var(--color-interactive-negative-hover) !important;
+  background-color: #d03238;
   background-color: var(--color-interactive-negative-hover);
 }
 .checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):checked:active + .tw-checkbox-button,
 .checkbox.has-error input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate + .tw-checkbox-button {
+  border-color: #bf1e2c !important;
   border-color: var(--color-interactive-negative-active) !important;
+  background-color: #bf1e2c;
   background-color: var(--color-interactive-negative-active);
 }
 .tw-radio-button {
   width: 24px;
   height: 24px;
   border-radius: 50%;
-  border: 1px solid #868685;
+  border: 1px solid #c9cbce;
   border: 1px solid var(--color-interactive-secondary);
   background: #ffffff;
   background: var(--color-background-screen);
@@ -1638,7 +1644,7 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 }
 .np-theme-personal .tw-radio-button {
   border: none;
-  box-shadow: inset 0 0 0 1px #868685;
+  box-shadow: inset 0 0 0 1px #c9cbce;
   box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
   position: relative;
   top: 0;
@@ -1655,69 +1661,67 @@ input[type="checkbox"]:not(.disabled):not(:disabled):indeterminate:active + .tw-
 }
 .radio:not(.disabled):not(:disabled):hover .tw-radio-button,
 .tw-radio-button:not(.disabled):not(:disabled):hover {
-  border-color: #6c6c6b;
+  border-color: #b5b7ba;
   border-color: var(--color-interactive-secondary-hover);
 }
 .np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button,
 .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover {
   border-color: transparent;
-  box-shadow: inset 0 0 0 1px #6c6c6b;
+  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):not(:disabled):hover .tw-radio-button:checked,
 .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover:checked,
 .np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button.checked,
 .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover.checked {
-  box-shadow: inset 0 0 0 1px #163300;
   box-shadow: inset 0 0 0 1px var(--color-interactive-primary);
 }
 .np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button:checked .tw-radio-check,
 .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover:checked .tw-radio-check,
 .np-theme-personal .radio:not(.disabled):not(:disabled):hover .tw-radio-button.checked .tw-radio-check,
 .np-theme-personal .tw-radio-button:not(.disabled):not(:disabled):hover.checked .tw-radio-check {
-  background-color: #0d1f00;
   background-color: var(--color-interactive-primary-hover);
 }
 .tw-radio-button:not(.disabled):not(:disabled):focus,
 .tw-radio-button:not(.disabled):not(:disabled).focus,
 .tw-radio-button:not(.disabled):not(:disabled):active,
 .tw-radio-button:not(.disabled):not(:disabled).active {
-  border-color: #525251;
+  border-color: #a7a9ab;
   border-color: var(--color-interactive-secondary-active);
   outline: none;
 }
 .tw-radio-button:checked,
 .tw-radio-button.checked {
-  border-color: #9fe870 !important;
+  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 {
   opacity: 1;
-  background-color: #9fe870;
+  background-color: #00a2dd;
   background-color: var(--color-interactive-accent);
 }
 .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 #163300;
   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: #163300;
   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,
 .tw-radio-button.has-error:checked .tw-radio-check,
 .radio.has-error .tw-radio-button.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 {
@@ -1815,7 +1819,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   border-left: 0 solid transparent;
 }
 .input-group-addon {
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
   transition: border-color ease-in-out 0.15s;
 }
@@ -1830,9 +1834,9 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   top: -3px;
 }
 .label .label-default {
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
-  background-color: rgba(22,51,0,0.07843);
+  background-color: rgba(134,167,189,0.10196);
   background-color: var(--color-background-neutral);
 }
 .form-group {
@@ -1918,11 +1922,11 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   padding-top: 12px;
   padding-bottom: 10px;
   padding-right: 16px;
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
   background-color: #ffffff;
   background-color: var(--color-background-screen);
-  border: 1px solid #868685;
+  border: 1px solid #c9cbce;
   border: 1px solid var(--color-interactive-secondary);
   border-radius: 3px;
   transition: border 0.15s ease-in-out, background-color 0.15s ease-in-out;
@@ -1940,7 +1944,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 }
 .checkbox > label:not(.disabled):not(:disabled):hover,
 .radio > label:not(.disabled):not(:disabled):hover {
-  border-color: #6c6c6b;
+  border-color: #b5b7ba;
   border-color: var(--color-interactive-secondary-hover);
 }
 .checkbox > label:not(.disabled):not(:disabled).focus,
@@ -1953,7 +1957,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 .radio > label:not(.disabled):not(:disabled).has-focus:hover,
 .checkbox > label:not(.disabled):not(:disabled):focus-within,
 .radio > label:not(.disabled):not(:disabled):focus-within {
-  border-color: #65cf21;
+  border-color: #0081ba;
   border-color: var(--color-interactive-accent-active);
 }
 .np-theme-personal .checkbox > label:not(.disabled):not(:disabled).focus,
@@ -1966,7 +1970,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 .np-theme-personal .radio > label:not(.disabled):not(:disabled).has-focus:hover,
 .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):focus-within,
 .np-theme-personal .radio > label:not(.disabled):not(:disabled):focus-within {
-  border-color: #868685;
+  border-color: #c9cbce;
   border-color: var(--color-interactive-secondary);
 }
 .checkbox.checkbox-lg > label,
@@ -1993,12 +1997,14 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 .checkbox.radio-lg > label .np-text-body-default,
 .radio.radio-lg > label .np-text-body-default {
   display: block;
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
 }
 .error-messages {
   display: none;
+  color: #cf2929;
   color: var(--color-content-negative);
+  background-color: rgba(255,135,135,0.10196);
   background-color: var(--color-background-negative);
   position: relative;
 }
@@ -2099,7 +2105,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   letter-spacing: -0.011em;
   display: block;
   width: 100%;
-  color: #6a6c6a;
+  color: #768e9c;
   color: var(--color-content-tertiary);
 }
 .np-theme-personal .btn-input,
@@ -2119,7 +2125,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 .np-theme-personal .form-control,
 .np-theme-personal .radio > label,
 .np-theme-personal .checkbox > label {
-  box-shadow: inset 0 0 0 1px #868685;
+  box-shadow: inset 0 0 0 1px #c9cbce;
   box-shadow: inset 0 0 0 1px var(--color-interactive-secondary);
   transition: box-shadow 0.3s ease-in-out;
 }
@@ -2133,7 +2139,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 .np-theme-personal .form-control:not(.disabled):not(:disabled):hover,
 .np-theme-personal .radio > label:not(.disabled):not(:disabled):hover,
 .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):hover {
-  box-shadow: inset 0 0 0 2px #6c6c6b;
+  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):not(:disabled):hover:has(:checked, .checked),
@@ -2141,7 +2147,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 .np-theme-personal .form-control:not(.disabled):not(:disabled):hover:has(:checked, .checked),
 .np-theme-personal .radio > label:not(.disabled):not(:disabled):hover:has(:checked, .checked),
 .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):hover:has(:checked, .checked) {
-  box-shadow: inset 0 0 0 2px #0d1f00;
   box-shadow: inset 0 0 0 2px var(--color-interactive-primary-hover);
 }
 .np-theme-personal .btn-input:not(.disabled):not(:disabled):focus-visible,
@@ -2154,7 +2159,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 .np-theme-personal .radio > label:not(.disabled):not(:disabled):has(:focus-visible),
 .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):focus-visible,
 .np-theme-personal .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) {
-  box-shadow: inset 0 0 0 3px #163300;
   box-shadow: inset 0 0 0 3px var(--color-interactive-primary);
 }
 .np-theme-personal .has-error .btn-input,
@@ -2162,14 +2166,12 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 .np-theme-personal .has-error .form-control,
 .np-theme-personal .has-error .radio > label,
 .np-theme-personal .has-error .checkbox > label {
-  box-shadow: inset 0 0 0 2px #cb272f;
   box-shadow: inset 0 0 0 2px var(--color-sentiment-negative);
 }
 .np-theme-personal .has-error .input-group:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-error .form-control:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-error .radio > label:not(.disabled):not(:disabled):hover,
 .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):hover {
-  box-shadow: inset 0 0 0 2px #b8232b;
   box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
 }
 .np-theme-personal .has-error .input-group:not(.disabled):not(:disabled):active,
@@ -2184,19 +2186,15 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active,
 .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible,
 .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) {
-  box-shadow: inset 0 0 0 3px #cb272f;
   box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
 }
 .np-theme-personal .has-error .tw-radio-button {
-  border-color: #cb272f !important;
   border-color: var(--color-sentiment-negative) !important;
 }
 .np-theme-personal .has-error .tw-radio-button.checked {
-  box-shadow: inset 0 0 0 1px #cb272f;
   box-shadow: inset 0 0 0 1px var(--color-sentiment-negative);
 }
 .np-theme-personal .has-error .tw-radio-button.checked .tw-radio-check {
-  background: #cb272f !important;
   background: var(--color-sentiment-negative) !important;
 }
 .np-theme-personal .has-error .checkbox:hover .tw-checkbox-button,
@@ -2205,7 +2203,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 .np-theme-personal .has-error input[type=checkbox]:hover + .tw-checkbox-button,
 .np-theme-personal .has-error input[type=radio]:not(.disabled):not(:disabled):hover + .tw-radio-button,
 .np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):hover + .tw-checkbox-button {
-  box-shadow: inset 0 0 0 2px #b8232b;
   box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-hover);
 }
 .np-theme-personal .has-error .tw-checkbox-button.checked,
@@ -2214,15 +2211,12 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 .np-theme-personal .has-error .tw-checkbox-button.checked:hover,
 .np-theme-personal .has-error .tw-checkbox-button:checked:hover,
 .np-theme-personal .has-error input[type=checkbox]:not(.disabled):not(:disabled):checked:hover + .tw-checkbox-button {
-  box-shadow: inset 0 0 0 3px #cb272f;
   box-shadow: inset 0 0 0 3px var(--color-sentiment-negative);
-  background: #cb272f;
   background: var(--color-sentiment-negative);
 }
 .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):active input[type=checkbox] + .tw-checkbox-button,
 .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):focus-visible input[type=checkbox] + .tw-checkbox-button,
 .np-theme-personal .has-error .checkbox > label:not(.disabled):not(:disabled):has(:focus-visible) input[type=checkbox] + .tw-checkbox-button {
-  box-shadow: inset 0 0 0 2px #a72027;
   box-shadow: inset 0 0 0 2px var(--color-sentiment-negative-active);
 }
 .np-theme-personal .tw-radio-button,
@@ -2254,7 +2248,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 }
 .np-theme-personal .error-messages,
 .np-theme-personal .alert-detach {
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
   margin: 8px 0;
   margin: var(--padding-x-small) 0;
@@ -2269,7 +2263,6 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 }
 .np-theme-personal .has-error .error-messages,
 .np-theme-personal .has-error .alert-detach.alert-danger {
-  color: #cb272f;
   color: var(--color-sentiment-negative);
 }
 .np-theme-personal .has-success .alert-detach.alert-positive,
@@ -2279,10 +2272,10 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
 }
 .has-required::after {
   content: "\00a0*";
+  color: #cf2929;
   color: var(--color-content-negative);
 }
 .np-theme-personal .has-required::after {
-  color: #cb272f;
   color: var(--color-sentiment-negative);
 }
 .input-group {
@@ -2304,7 +2297,7 @@ html:not([dir="rtl"]) .input-group .input-group-btn + input {
   float: left;
   width: 100%;
   margin-bottom: 0;
-  border-color: #868685;
+  border-color: #c9cbce;
   border-color: var(--color-interactive-secondary);
 }
 [dir="rtl"] .input-group .form-control {
@@ -2356,7 +2349,7 @@ html:not([dir="rtl"]) .input-group .form-control:not(:last-child) {
   line-height: 150%;
   letter-spacing: -0.011em;
   margin: 0;
-  color: #0e0f0c;
+  color: #37517e;
   color: var(--color-content-primary);
   line-height: 1.2;
   line-height: var(--line-height-title);
@@ -2388,8 +2381,7 @@ select[multiple].input-group-lg > .input-group-btn .btn {
   .input-group-lg > .form-control,
   .input-group-lg > .input-group-addon,
   .input-group-lg > .input-group-btn .btn {
-    -webkit-hyphens: auto;
-            hyphens: auto;
+    hyphens: auto;
     hyphenate-limit-chars: 7 3;
   }
   @media (min-width: 768px) {
@@ -2411,8 +2403,7 @@ select[multiple].input-group-lg > .input-group-btn .btn {
   .input-group-lg > .form-control,
   .input-group-lg > .input-group-addon,
   .input-group-lg > .input-group-btn .btn {
-    -webkit-hyphens: auto;
-            hyphens: auto;
+    hyphens: auto;
     -webkit-hyphenate-limit-before: 3;
     -webkit-hyphenate-limit-after: 3;
   }
@@ -2488,12 +2479,12 @@ select[multiple].input-group-sm > .input-group-addon {
   font-size: var(--font-size-16);
   line-height: 1.5;
   line-height: var(--line-height-body);
-  color: #454745;
+  color: #5d7079;
   color: var(--color-content-secondary);
   text-align: center;
   background-color: #ffffff;
   background-color: var(--color-background-screen);
-  border: 1px solid #868685;
+  border: 1px solid #c9cbce;
   border: 1px solid var(--color-interactive-secondary);
 }
 .input-group-addon.input-sm {
@@ -2705,41 +2696,43 @@ html:not([dir="rtl"]) .np-theme-personal .input-group > :last-child .btn-group {
 .input-group:hover:not(.disabled):not(:disabled) .input-group-addon,
 .input-group:hover:not(.disabled):not(:disabled) .btn-input,
 .input-group:hover:not(.disabled):not(:disabled) .bootstrap-select .btn-default {
-  border-color: #6c6c6b;
+  border-color: #b5b7ba;
   border-color: var(--color-interactive-secondary-hover);
 }
 .form-control:hover:not(.disabled):not(:disabled) {
-  border-color: #6c6c6b;
+  border-color: #b5b7ba;
   border-color: var(--color-interactive-secondary-hover);
 }
 .input-group:focus-within:not(.disabled):not(:disabled) .form-control,
 .input-group:focus-within:not(.disabled):not(:disabled) .input-group-addon,
 .input-group:focus-within:not(.disabled):not(:disabled) .btn-input,
 .input-group:focus-within:not(.disabled):not(:disabled) .bootstrap-select .btn-default {
-  border-color: #9fe870;
+  border-color: #00a2dd;
   border-color: var(--color-interactive-accent);
 }
 .np-theme-personal .input-group:focus-within:not(.disabled):not(:disabled) .form-control,
 .np-theme-personal .input-group:focus-within:not(.disabled):not(:disabled) .input-group-addon,
 .np-theme-personal .input-group:focus-within:not(.disabled):not(:disabled) .btn-input,
 .np-theme-personal .input-group:focus-within:not(.disabled):not(:disabled) .bootstrap-select .btn-default {
-  border-color: #868685;
+  border-color: #c9cbce;
   border-color: var(--color-interactive-secondary);
 }
 .form-control:focus-within:not(.disabled):not(:disabled) {
-  border-color: #9fe870;
+  border-color: #00a2dd;
   border-color: var(--color-interactive-accent);
 }
 .np-theme-personal .form-control:focus-within:not(.disabled):not(:disabled) {
-  border-color: #868685;
+  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 {