@oat-sa/tao-core-ui 3.24.1 → 3.24.3

package/src/css/basic.css

@@ -48,7 +48,8 @@ Usage:
   font-style: normal;
   font-display: block;
 }
-/* Do not edit */ /* Do not edit */
+/* Do not edit */
+/* Do not edit */
 [class^=icon-], [class*=" icon-"] {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: "tao" !important;
@@ -1056,15 +1057,6 @@ body {
   background-color: ThreeDHighlight;
 }
 
-html {
-  /*
-  This SCSS generates CSS classes for custom list styling, it:
-  - For classes like .list-style-disc, .list-style-decimal-period etc.
-  - Uses counter-reset for automatic item numbering
-  - Supports base styles (disc, decimal etc.) and suffix variants (-period ".", -parenthesis ")")
-  - Easy addition of new styles using $list_styles array and new suffixes and $suffixes map
-  */ /* fake table stuff */
-}
 html *,
 html *:before,
 html *:after {
@@ -1201,7 +1193,7 @@ html a {
   background: transparent;
   text-decoration: none;
   outline: 0;
-  color: #3e7da7;
+  color: rgb(24.3921568627%, 49.1764705882%, 65.4901960784%);
 }
 html a:focus {
   outline: thin dotted;
@@ -1252,7 +1244,7 @@ html pre {
   word-wrap: break-word;
 }
 html code {
-  background: #f2f6f7;
+  background: rgb(94.7058823529%, 96.2745098039%, 96.862745098%);
   padding: 2px 6px;
   display: inline-block;
   margin: 0 3px;
@@ -1819,6 +1811,15 @@ html .writing-mode-vertical-rl .writing-mode-horizontal-tb ol li {
   padding-inline-start: 0px;
 }
 
+html {
+  /*
+  This SCSS generates CSS classes for custom list styling, it:
+  - For classes like .list-style-disc, .list-style-decimal-period etc.
+  - Uses counter-reset for automatic item numbering
+  - Supports base styles (disc, decimal etc.) and suffix variants (-period ".", -parenthesis ")")
+  - Easy addition of new styles using $list_styles array and new suffixes and $suffixes map
+  */
+}
 html [class^=list-style-],
 html [class*=" list-style-"] {
   counter-reset: custom-counter;
@@ -2073,7 +2074,7 @@ html table.matrix tr:nth-child(even) {
   background: white;
 }
 html table.matrix tr:nth-child(odd) {
-  background: #f4f7f8;
+  background: rgb(95.6908344733%, 96.967624259%, 97.4464204286%);
 }
 html table.matrix [data-edit], html table.matrix [data-edit] * {
   border: none;
@@ -2083,6 +2084,9 @@ html table.matrix [data-edit], html table.matrix [data-edit] * {
 html table.matrix tbody [data-edit] {
   width: 30px;
 }
+html {
+  /* fake table stuff */
+}
 html .tbl {
   display: table;
   float: none !important;
@@ -2165,16 +2169,16 @@ html .txt-user-highlight {
 }
 
 .feedback-success, .tooltip-green {
-  border-color: #269c5d;
-  background-color: #cfe9db;
+  border-color: rgb(14.9411764706%, 61.1764705882%, 36.4705882353%);
+  background-color: rgb(81.0980392157%, 91.3725490196%, 85.8823529412%);
 }
 .feedback-success .icon-success, .tooltip-green .icon-success {
   color: rgb(14, 145, 75) !important;
 }
 
 .feedback-info, .tooltip-blue {
-  border-color: #266d9c;
-  background-color: #cfdfe9;
+  border-color: rgb(14.9411764706%, 42.8235294118%, 61.1764705882%);
+  background-color: rgb(81.0980392157%, 87.2941176471%, 91.3725490196%);
 }
 .feedback-info .icon-info, .tooltip-blue .icon-info, .feedback-info .icon-lock, .tooltip-blue .icon-lock {
   color: rgb(14, 93, 145) !important;
@@ -2184,47 +2188,47 @@ html .txt-user-highlight {
 }
 
 .feedback-warning, .tooltip-orange {
-  border-color: #dcb66b;
-  background-color: #f7efde;
+  border-color: rgb(86.2352941176%, 71.4117647059%, 42.1176470588%);
+  background-color: rgb(96.9411764706%, 93.6470588235%, 87.137254902%);
 }
 .feedback-warning .icon-warning, .tooltip-orange .icon-warning {
   color: rgb(216, 174, 91) !important;
 }
 
 .feedback-danger, .tooltip-danger {
-  border-color: #ce7056;
-  background-color: #f4dfd9;
+  border-color: rgb(80.9411764706%, 43.8823529412%, 33.6470588235%);
+  background-color: rgb(95.7647058824%, 87.5294117647%, 85.2549019608%);
 }
 .feedback-danger .icon-danger, .tooltip-danger .icon-danger {
   color: rgb(201, 96, 67) !important;
 }
 
 .feedback-error, .tooltip-red {
-  border-color: #c12a40;
-  background-color: #f1d0d5;
+  border-color: rgb(75.6470588235%, 16.3529411765%, 25.1764705882%);
+  background-color: rgb(94.5882352941%, 81.4117647059%, 83.3725490196%);
 }
 .feedback-error .icon-error, .tooltip-red .icon-error {
   color: rgb(186, 18, 43) !important;
 }
 
 .brd-success {
-  border: 1px solid #269c5d !important;
+  border: 1px solid rgb(14.9411764706%, 61.1764705882%, 36.4705882353%) !important;
 }
 
 .brd-info {
-  border: 1px solid #266d9c !important;
+  border: 1px solid rgb(14.9411764706%, 42.8235294118%, 61.1764705882%) !important;
 }
 
 .brd-warning {
-  border: 1px solid #dcb66b !important;
+  border: 1px solid rgb(86.2352941176%, 71.4117647059%, 42.1176470588%) !important;
 }
 
 .brd-danger {
-  border: 1px solid #ce7056 !important;
+  border: 1px solid rgb(80.9411764706%, 43.8823529412%, 33.6470588235%) !important;
 }
 
 .brd-error {
-  border: 1px solid #c12a40 !important;
+  border: 1px solid rgb(75.6470588235%, 16.3529411765%, 25.1764705882%) !important;
 }
 
 .txt-success {
@@ -2248,23 +2252,23 @@ html .txt-user-highlight {
 }
 
 .bg-success {
-  background-color: #cfe9db;
+  background-color: rgb(81.0980392157%, 91.3725490196%, 85.8823529412%);
 }
 
 .bg-info {
-  background-color: #cfdfe9;
+  background-color: rgb(81.0980392157%, 87.2941176471%, 91.3725490196%);
 }
 
 .bg-warning {
-  background-color: #f7efde;
+  background-color: rgb(96.9411764706%, 93.6470588235%, 87.137254902%);
 }
 
 .bg-danger {
-  background-color: #f4dfd9;
+  background-color: rgb(95.7647058824%, 87.5294117647%, 85.2549019608%);
 }
 
 .bg-error {
-  background-color: #f1d0d5;
+  background-color: rgb(94.5882352941%, 81.4117647059%, 83.3725490196%);
 }
 
 textarea + .feedback-info, textarea + .tooltip-blue {
@@ -2710,7 +2714,7 @@ Usage:
   content: "\e611";
 }
 .select2-container .select2-choice .select2-arrow b:hover {
-  background-color: #3e7da7;
+  background-color: rgb(24.3921568627%, 49.1764705882%, 65.4901960784%);
   color: white;
 }
 
@@ -2751,7 +2755,7 @@ Usage:
 
 .select2-container-active .select2-choice,
 .select2-container-active .select2-choices {
-  border: 1px solid #a4a9b1;
+  border: 1px solid rgb(64.2352941176%, 66.431372549%, 69.568627451%);
   outline: none;
 }
 
@@ -2830,7 +2834,7 @@ Usage:
 }
 
 .select2-results .select2-highlighted {
-  background: #3e7da7;
+  background: rgb(24.3921568627%, 49.1764705882%, 65.4901960784%);
   color: white;
 }
 
@@ -2983,10 +2987,10 @@ disabled look for disabled choices in the results dropdown
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   user-select: none;
-  background-color: #dbd9d7;
+  background-color: rgb(85.7647058824%, 85.0588235294%, 84.3529411765%);
 }
 .select2-container-multi .select2-choices .select2-search-choice.partial {
-  background-color: #faf9f9;
+  background-color: rgb(98.1176470588%, 97.8039215686%, 97.4901960784%);
 }
 
 .select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
@@ -3303,7 +3307,7 @@ Usage:
 .cke .cke_toolbar .cke_button:hover, .cke .tlb-spacer .cke_button:hover, .cke .tlb-bar .cke_button:hover, .tlb .cke_toolbar .cke_button:hover, .tlb .tlb-spacer .cke_button:hover, .tlb .tlb-bar .cke_button:hover, .tlb .tlb-bar .tlb-button-on:hover,
 .tlb .tlb-bar .tlb-button-off:hover,
 .tlb .tlb-bar .tlb-button-disabled:hover {
-  background: #3e7da7 !important;
+  background: rgb(24.3921568627%, 49.1764705882%, 65.4901960784%) !important;
   color: white !important;
 }
 
@@ -3360,7 +3364,7 @@ a.tlb-button-off:active,
 a.cke_button_disabled:hover,
 a.cke_button_disabled:focus,
 a.cke_button_disabled:active {
-  background-color: #a4a9b1;
+  background-color: rgb(64.2352941176%, 66.431372549%, 69.568627451%);
   cursor: default;
   text-shadow: none;
 }
@@ -4073,14 +4077,14 @@ is its visual representation:
 }
 
 .cke_panel_listItem.cke_selected a {
-  background-color: #cfdfe9;
+  background-color: rgb(81.0980392157%, 87.2941176471%, 91.3725490196%);
 }
 
 .cke_panel_listItem a:hover,
 .cke_panel_listItem a:focus,
 .cke_panel_listItem a:active {
   color: white;
-  background-color: #3e7da7;
+  background-color: rgb(24.3921568627%, 49.1764705882%, 65.4901960784%);
   outline: none;
 }
 
@@ -4360,7 +4364,7 @@ Usage:
 .cke .cke_toolbar .cke_button:hover, .cke .tlb-spacer .cke_button:hover, .cke .tlb-bar .cke_button:hover, .tlb .cke_toolbar .cke_button:hover, .tlb .tlb-spacer .cke_button:hover, .tlb .tlb-bar .cke_button:hover, .tlb .tlb-bar .tlb-button-on:hover,
 .tlb .tlb-bar .tlb-button-off:hover,
 .tlb .tlb-bar .tlb-button-disabled:hover {
-  background: #3e7da7 !important;
+  background: rgb(24.3921568627%, 49.1764705882%, 65.4901960784%) !important;
   color: white !important;
 }
 
@@ -4417,7 +4421,7 @@ a.tlb-button-off:active,
 a.cke_button_disabled:hover,
 a.cke_button_disabled:focus,
 a.cke_button_disabled:active {
-  background-color: #a4a9b1;
+  background-color: rgb(64.2352941176%, 66.431372549%, 69.568627451%);
   cursor: default;
   text-shadow: none;
 }
@@ -4685,7 +4689,7 @@ Special outer level classes used in this file:
 .cke_menubutton:hover,
 .cke_menubutton_on,
 .cke_menubutton_on:focus {
-  background: #3e7da7;
+  background: rgb(24.3921568627%, 49.1764705882%, 65.4901960784%);
   color: white;
   display: block;
   outline: none;
@@ -4904,7 +4908,7 @@ Usage:
 .tlb-text-button-box .cke_combo_off a[class^=tlb-text-button-]:active,
 .cke_combo_off .tlb-text-button-box a[class*=" tlb-text-button-"]:active,
 .tlb-text-button-box .cke_combo_off a[class*=" tlb-text-button-"]:active {
-  background-color: #a4a9b1;
+  background-color: rgb(64.2352941176%, 66.431372549%, 69.568627451%);
   text-shadow: none;
 }
 
@@ -4978,12 +4982,12 @@ Usage:
 }
 .cke_combo_open:hover {
   color: white;
-  background: #3e7da7;
+  background: rgb(24.3921568627%, 49.1764705882%, 65.4901960784%);
 }
 
 .cke_combo_button:hover, .tlb-text-button-box [class^=tlb-text-button-]:hover, .tlb-text-button-box [class*=" tlb-text-button-"]:hover {
   color: white !important;
-  background: #3e7da7 !important;
+  background: rgb(24.3921568627%, 49.1764705882%, 65.4901960784%) !important;
 }
 .cke_combo_button:hover .cke_combo_text, .cke_combo_button:hover .tlb-text-button-box [class^=tlb-text-button-] .tlb-text, .tlb-text-button-box [class^=tlb-text-button-] .cke_combo_button:hover .tlb-text, .cke_combo_button:hover .tlb-text-button-box [class*=" tlb-text-button-"] .tlb-text, .tlb-text-button-box [class*=" tlb-text-button-"] .cke_combo_button:hover .tlb-text, .tlb-text-button-box [class^=tlb-text-button-]:hover .cke_combo_text, .tlb-text-button-box [class^=tlb-text-button-]:hover .tlb-text, .tlb-text-button-box [class*=" tlb-text-button-"]:hover .cke_combo_text, .tlb-text-button-box [class*=" tlb-text-button-"]:hover .tlb-text {
   color: rgb(230, 230, 230) !important;
@@ -6308,7 +6312,7 @@ Usage:
   border-radius: 2px;
 }
 .tlb-text-button-box [class^=tlb-text-button-]:hover, .tlb-text-button-box [class*=" tlb-text-button-"]:hover {
-  background: #3e7da7;
+  background: rgb(24.3921568627%, 49.1764705882%, 65.4901960784%);
   color: white;
 }
 .tlb-text-button-box [class^=tlb-text-button-]:hover .tlb-text, .tlb-text-button-box [class^=tlb-text-button-]:hover [class^=icon-], .tlb-text-button-box [class^=tlb-text-button-]:hover [class*=" icon-"], .tlb-text-button-box [class*=" tlb-text-button-"]:hover .tlb-text, .tlb-text-button-box [class*=" tlb-text-button-"]:hover [class^=icon-], .tlb-text-button-box [class*=" tlb-text-button-"]:hover [class*=" icon-"] {
@@ -6553,10 +6557,10 @@ Usage:
 
 .tooltip-plain {
   background-color: rgb(164, 187, 197);
-  border: solid 1px #51717f;
+  border: solid 1px rgb(31.7515462561%, 44.342676668%, 49.8170811949%);
 }
 .tooltip-plain .tooltip-arrow {
-  border-color: #51717f;
+  border-color: rgb(31.7515462561%, 44.342676668%, 49.8170811949%);
 }
 .tooltip-plain .tooltip-arrow::before {
   border-color: rgb(164, 187, 197);
@@ -6587,10 +6591,10 @@ Usage:
   color: #222;
 }
 .tooltip-red .tooltip-arrow {
-  border-color: #c12a40;
+  border-color: rgb(75.6470588235%, 16.3529411765%, 25.1764705882%);
 }
 .tooltip-red .tooltip-arrow::before {
-  border-color: #f1d0d5;
+  border-color: rgb(94.5882352941%, 81.4117647059%, 83.3725490196%);
 }
 .tooltip-red .tooltip-close .tooltip-icon {
   background-position: -102px 0;
@@ -6607,10 +6611,10 @@ Usage:
   color: #222;
 }
 .tooltip-green .tooltip-arrow {
-  border-color: #269c5d;
+  border-color: rgb(14.9411764706%, 61.1764705882%, 36.4705882353%);
 }
 .tooltip-green .tooltip-arrow::before {
-  border-color: #cfe9db;
+  border-color: rgb(81.0980392157%, 91.3725490196%, 85.8823529412%);
 }
 .tooltip-green .tooltip-close .tooltip-icon {
   background-position: -42px 0;
@@ -6621,10 +6625,10 @@ Usage:
   color: #222;
 }
 .tooltip-blue .tooltip-arrow {
-  border-color: #266d9c;
+  border-color: rgb(14.9411764706%, 42.8235294118%, 61.1764705882%);
 }
 .tooltip-blue .tooltip-arrow::before {
-  border-color: #cfdfe9;
+  border-color: rgb(81.0980392157%, 87.2941176471%, 91.3725490196%);
 }
 .tooltip-blue .tooltip-close .tooltip-icon {
   background-position: -2px 0;
@@ -6635,10 +6639,10 @@ Usage:
   color: #222;
 }
 .tooltip-orange .tooltip-arrow {
-  border-color: #dcb66b;
+  border-color: rgb(86.2352941176%, 71.4117647059%, 42.1176470588%);
 }
 .tooltip-orange .tooltip-arrow::before {
-  border-color: #f7efde;
+  border-color: rgb(96.9411764706%, 93.6470588235%, 87.137254902%);
 }
 .tooltip-orange .tooltip-close .tooltip-icon {
   background-position: -102px 0;
@@ -6655,10 +6659,10 @@ Usage:
   color: #222;
 }
 .tooltip-danger .tooltip-arrow {
-  border-color: #ce7056;
+  border-color: rgb(80.9411764706%, 43.8823529412%, 33.6470588235%);
 }
 .tooltip-danger .tooltip-arrow::before {
-  border-color: #f4dfd9;
+  border-color: rgb(95.7647058824%, 87.5294117647%, 85.2549019608%);
 }
 .tooltip-danger .tooltip-icon {
   background-position: -102px 0;
@@ -6689,13 +6693,13 @@ button, input[type=submit], input[type=reset] {
   text-align: center;
   height: 35px;
   color: rgb(255, 255, 255);
-  background-color: #adb2b9;
-  text-shadow: 1px 1px 0 #83878e;
+  background-color: rgb(67.8117647059%, 69.7882352941%, 72.6117647059%);
+  text-shadow: 1px 1px 0 rgb(51.3882352941%, 53.1450980392%, 55.6549019608%);
 }
 .btn-secondary[class^=btn-], .btn-secondary[class*=" btn-"], .btn-secondary.btn-default,
 button.btn-secondary, input.btn-secondary[type=submit], input.btn-secondary[type=reset] {
-  color: #adb2b9;
-  border: 1px solid #adb2b9;
+  color: rgb(67.8117647059%, 69.7882352941%, 72.6117647059%);
+  border: 1px solid rgb(67.8117647059%, 69.7882352941%, 72.6117647059%);
   background-color: rgb(255, 255, 255);
   text-shadow: none;
   line-height: 2.3;
@@ -6741,59 +6745,59 @@ button:hover, input[type=submit]:hover, input[type=reset]:hover {
 .btn-info[class^=btn-], .btn-info[class*=" btn-"], .btn-info.btn-default,
 button.btn-info, input.btn-info[type=submit], input.btn-info[type=reset] {
   color: rgb(255, 255, 255);
-  background-color: #266d9c;
-  text-shadow: 1px 1px 0 #0b4a74;
+  background-color: rgb(14.9411764706%, 42.8235294118%, 61.1764705882%);
+  text-shadow: 1px 1px 0 rgb(4.3921568627%, 29.1764705882%, 45.4901960784%);
 }
 .btn-info.btn-secondary[class^=btn-], .btn-info.btn-secondary[class*=" btn-"], .btn-info.btn-secondary.btn-default,
 button.btn-info.btn-secondary, input.btn-info.btn-secondary[type=submit], input.btn-info.btn-secondary[type=reset] {
-  color: #266d9c;
-  border: 1px solid #266d9c;
+  color: rgb(14.9411764706%, 42.8235294118%, 61.1764705882%);
+  border: 1px solid rgb(14.9411764706%, 42.8235294118%, 61.1764705882%);
   background-color: rgb(255, 255, 255);
   text-shadow: none;
 }
 .btn-error[class^=btn-], .btn-error[class*=" btn-"], .btn-error.btn-default,
 button.btn-error, input.btn-error[type=submit], input.btn-error[type=reset] {
   color: rgb(255, 255, 255);
-  background-color: #c12a40;
-  text-shadow: 1px 1px 0 #950e22;
+  background-color: rgb(75.6470588235%, 16.3529411765%, 25.1764705882%);
+  text-shadow: 1px 1px 0 rgb(58.3529411765%, 5.6470588235%, 13.4901960784%);
 }
 .btn-error.btn-secondary[class^=btn-], .btn-error.btn-secondary[class*=" btn-"], .btn-error.btn-secondary.btn-default,
 button.btn-error.btn-secondary, input.btn-error.btn-secondary[type=submit], input.btn-error.btn-secondary[type=reset] {
-  color: #c12a40;
-  border: 1px solid #c12a40;
+  color: rgb(75.6470588235%, 16.3529411765%, 25.1764705882%);
+  border: 1px solid rgb(75.6470588235%, 16.3529411765%, 25.1764705882%);
   background-color: rgb(255, 255, 255);
   text-shadow: none;
 }
 .btn-success[class^=btn-], .btn-success[class*=" btn-"], .btn-success.btn-default,
 button.btn-success, input.btn-success[type=submit], input.btn-success[type=reset] {
   color: rgb(255, 255, 255);
-  background-color: #269c5d;
-  text-shadow: 1px 1px 0 #0b743c;
+  background-color: rgb(14.9411764706%, 61.1764705882%, 36.4705882353%);
+  text-shadow: 1px 1px 0 rgb(4.3921568627%, 45.4901960784%, 23.5294117647%);
 }
 .btn-success.btn-secondary[class^=btn-], .btn-success.btn-secondary[class*=" btn-"], .btn-success.btn-secondary.btn-default,
 button.btn-success.btn-secondary, input.btn-success.btn-secondary[type=submit], input.btn-success.btn-secondary[type=reset] {
-  color: #269c5d;
-  border: 1px solid #269c5d;
+  color: rgb(14.9411764706%, 61.1764705882%, 36.4705882353%);
+  border: 1px solid rgb(14.9411764706%, 61.1764705882%, 36.4705882353%);
   background-color: rgb(255, 255, 255);
   text-shadow: none;
 }
 .btn-warning[class^=btn-], .btn-warning[class*=" btn-"], .btn-warning.btn-default,
 button.btn-warning, input.btn-warning[type=submit], input.btn-warning[type=reset] {
   color: rgb(255, 255, 255);
-  background-color: #dcb66b;
-  text-shadow: 1px 1px 0 #ad8b49;
+  background-color: rgb(86.2352941176%, 71.4117647059%, 42.1176470588%);
+  text-shadow: 1px 1px 0 rgb(67.7647058824%, 54.5882352941%, 28.5490196078%);
 }
 .btn-warning.btn-secondary[class^=btn-], .btn-warning.btn-secondary[class*=" btn-"], .btn-warning.btn-secondary.btn-default,
 button.btn-warning.btn-secondary, input.btn-warning.btn-secondary[type=submit], input.btn-warning.btn-secondary[type=reset] {
-  color: #dcb66b;
-  border: 1px solid #dcb66b;
+  color: rgb(86.2352941176%, 71.4117647059%, 42.1176470588%);
+  border: 1px solid rgb(86.2352941176%, 71.4117647059%, 42.1176470588%);
   background-color: rgb(255, 255, 255);
   text-shadow: none;
 }
 
 /* todo move to main ? */
 .disabled, button[disabled] {
-  background-color: #afb4bb !important;
+  background-color: rgb(68.7058823529%, 70.6274509804%, 73.3725490196%) !important;
   text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.8) !important;
   cursor: not-allowed !important;
   opacity: 0.55 !important;
@@ -6852,13 +6856,15 @@ label abbr, .form_desc abbr {
 .file-upload .file-name {
   padding: 2px 5px;
   background: white;
-  border: 1px solid #ddd;
-  border-radius: 2px;
-  -webkit-border-radius: 2px;
 }
 .file-upload .file-name.placeholder {
   font-style: italic;
-  color: lightgray;
+  color: rgb(82.6666666667%, 82.6666666667%, 82.6666666667%);
+}
+.file-upload .file-name {
+  border: 1px solid #ddd;
+  border-radius: 2px;
+  -webkit-border-radius: 2px;
 }
 .file-upload .file-name.active {
   font-style: normal;
@@ -6898,7 +6904,7 @@ label abbr, .form_desc abbr {
   position: absolute;
   top: 0;
   right: 0;
-  background: #e1e2e3;
+  background: rgb(88.1960784314%, 88.4705882353%, 89.0196078431%);
   cursor: pointer;
   color: #222;
   display: block;
@@ -6912,7 +6918,7 @@ label abbr, .form_desc abbr {
   border-bottom-right-radius: 2px;
 }
 .uri-container .clipboard-command:hover {
-  background: #e7e8e9;
+  background: rgb(90.7254901961%, 90.9411764706%, 91.3725490196%);
 }
 
 .file-drop {
@@ -6929,8 +6935,8 @@ label abbr, .form_desc abbr {
   font-size: 2rem;
 }
 .file-drop.drag-hover {
-  border-color: #3e7da7;
-  color: #3e7da7;
+  border-color: rgb(24.3921568627%, 49.1764705882%, 65.4901960784%);
+  color: rgb(24.3921568627%, 49.1764705882%, 65.4901960784%);
 }
 .file-drop.drag-hover:after {
   content: attr(data-drop-msg);
@@ -7002,8 +7008,6 @@ label abbr, .form_desc abbr {
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   content: "\e62d";
-  animation: fade 1s forwards;
-  animation-iteration-count: infinite;
 }
 @keyframes fade {
   0% {
@@ -7016,6 +7020,10 @@ label abbr, .form_desc abbr {
     opacity: 0;
   }
 }
+.file-drop ul > li .status.sending:before {
+  animation: fade 1s forwards;
+  animation-iteration-count: infinite;
+}
 .file-drop ul > li .status.success:before {
   /* use !important to prevent issues with browser extensions that change fonts */
   font-family: "tao" !important;
@@ -7290,7 +7298,7 @@ input[type=password].viewable-hiddenbox-input::-ms-reveal {
   border-left-width: 0;
   padding: 2px 4px 0;
   background-color: white;
-  color: #646464;
+  color: rgb(39.3333333333%, 39.3333333333%, 39.3333333333%);
   cursor: pointer;
 }
 .viewable-hiddenbox-toggle:hover {
@@ -7303,11 +7311,13 @@ input[type=password].viewable-hiddenbox-input::-ms-reveal {
 
 .viewable-hiddenbox-input:focus:not(.error) + .viewable-hiddenbox-toggle {
   border: 1px solid rgb(14, 93, 145) !important;
-  border-left: 0 !important;
 }
 .viewable-hiddenbox-input:focus:not(.error) + .viewable-hiddenbox-toggle:-webkit-autofill {
   border-color: #c3ba13 !important;
 }
+.viewable-hiddenbox-input:focus:not(.error) + .viewable-hiddenbox-toggle {
+  border-left: 0 !important;
+}
 
 .viewable-hiddenbox-input:-webkit-autofill + .viewable-hiddenbox-toggle {
   background-color: rgb(250, 255, 189);
@@ -7497,13 +7507,13 @@ label input[type=checkbox][readonly] ~ label {
 .xhtml_form [class^=btn-].btn-success, .xhtml_form [class*=" btn-"].btn-success,
 .xhtml_form button.btn-success, .xhtml_form input[type=submit].btn-success, .xhtml_form input[type=reset].btn-success {
   color: rgb(255, 255, 255);
-  background-color: #266d9c;
-  text-shadow: 1px 1px 0 #0b4a74;
+  background-color: rgb(14.9411764706%, 42.8235294118%, 61.1764705882%);
+  text-shadow: 1px 1px 0 rgb(4.3921568627%, 29.1764705882%, 45.4901960784%);
 }
 .xhtml_form [class^=btn-].btn-success.btn-secondary, .xhtml_form [class*=" btn-"].btn-success.btn-secondary,
 .xhtml_form button.btn-success.btn-secondary, .xhtml_form input[type=submit].btn-success.btn-secondary, .xhtml_form input[type=reset].btn-success.btn-secondary {
-  color: #266d9c;
-  border: 1px solid #266d9c;
+  color: rgb(14.9411764706%, 42.8235294118%, 61.1764705882%);
+  border: 1px solid rgb(14.9411764706%, 42.8235294118%, 61.1764705882%);
   background-color: rgb(255, 255, 255);
   text-shadow: none;
 }
@@ -7573,7 +7583,7 @@ label input[type=checkbox][readonly] ~ label {
 .xhtml_form .property-block.readonly-property div div {
   float: right;
   padding-left: 5px;
-  color: #7a7a7a;
+  color: rgb(48%, 48%, 48%);
   cursor: default;
 }
 .xhtml_form .property-block.parent-property div {
@@ -7582,7 +7592,7 @@ label input[type=checkbox][readonly] ~ label {
 .xhtml_form .property-block.parent-property div div {
   float: right;
   padding-left: 5px;
-  color: #4e4e4e;
+  color: rgb(30.6666666667%, 30.6666666667%, 30.6666666667%);
 }
 .xhtml_form .property-block.regular-property > div {
   border: 1px solid #ddd;
@@ -7695,7 +7705,7 @@ label input[type=checkbox][readonly] ~ label {
   position: absolute;
   top: 1px;
   right: 1px;
-  background: #f3f1ef;
+  background: rgb(95.1764705882%, 94.4705882353%, 93.7058823529%);
   width: auto;
   display: block;
   padding: 3px 10px;
@@ -7905,13 +7915,13 @@ input[type=checkbox], input[type=radio] {
 .component-report.detailed .fold .check-txt.hide {
   display: inline-block;
 }
+.component-report.detailed .content .hierarchical [class^=feedback-], .component-report.detailed .content .hierarchical [class*=" feedback-"] {
+  display: block;
+}
 .component-report.detailed .content .hierarchical {
   background-color: transparent;
   border-color: transparent;
 }
-.component-report.detailed .content .hierarchical [class^=feedback-], .component-report.detailed .content .hierarchical [class*=" feedback-"] {
-  display: block;
-}
 .component-report.detailed .content .hierarchical .hierarchical {
   margin: 0;
   padding: 10px 10px 10px 20px;
@@ -7991,7 +8001,7 @@ input[type=checkbox], input[type=radio] {
 }
 
 .noUi-horizontal .noUi-handle:after {
-  border-top: 3px solid #a4a9b1;
+  border-top: 3px solid rgb(64.2352941176%, 66.431372549%, 69.568627451%);
   border-left: 5px solid transparent;
   border-right: 5px solid transparent;
   content: "";
@@ -8006,10 +8016,10 @@ input[type=checkbox], input[type=radio] {
 }
 
 .noUi-horizontal .noUi-handle:hover:after {
-  border-top: 3px solid #3e7da7;
+  border-top: 3px solid rgb(24.3921568627%, 49.1764705882%, 65.4901960784%);
 }
 .noUi-horizontal .noUi-handle.noUi-active:after {
-  border-top-color: #3e7da7;
+  border-top-color: rgb(24.3921568627%, 49.1764705882%, 65.4901960784%);
 }
 
 .noUi-horizontal.noUi-extended {
@@ -8068,14 +8078,14 @@ input[type=checkbox], input[type=radio] {
 }
 
 .noUi-handle {
-  background: #a4a9b1;
-  color: #a4a9b1;
+  background: rgb(64.2352941176%, 66.431372549%, 69.568627451%);
+  color: rgb(64.2352941176%, 66.431372549%, 69.568627451%);
   cursor: default;
 }
 
 .noUi-active, .noUi-handle:hover {
-  background: #3e7da7;
-  color: #3e7da7;
+  background: rgb(24.3921568627%, 49.1764705882%, 65.4901960784%);
+  color: rgb(24.3921568627%, 49.1764705882%, 65.4901960784%);
 }
 
 .noUi-handle:after {
@@ -8121,7 +8131,7 @@ input[type=checkbox], input[type=radio] {
   height: 5px;
   position: absolute;
   content: "";
-  background: #434343;
+  background: rgb(26.3333333333%, 26.3333333333%, 26.3333333333%);
   left: 50%;
 }
 .noUi-horizontal .step-marker.after {
@@ -8161,7 +8171,7 @@ input[type=checkbox], input[type=radio] {
   height: 1px;
   position: absolute;
   content: "";
-  background: #434343;
+  background: rgb(26.3333333333%, 26.3333333333%, 26.3333333333%);
   top: 50%;
 }
 .noUi-vertical-wrapper .step-marker.after {