@charset "UTF-8";
@-webkit-keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

@-moz-keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

@-ms-keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

@-o-keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

@keyframes spin-animation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}

/***** Begin Global styles *****/
/** Automatically converted from Globals.css **/
body {
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-size: 14px;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.body-font {
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-size: 14px;
}

/*Message for when javascript is disabled*/
body #no-script-message {
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: small;
  height: 100%;
  width: 100%;
  margin: 0;
  z-index: 1000;
  position: fixed;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

body #no-script-message A {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  text-decoration: none;
}

body #no-script-message A:hover {
  text-decoration: underline;
}

body #no-script-message h1 {
  font-size: 2em;
  margin-bottom: 0px;
  text-transform: uppercase;
  font-weight: normal;
}

body #no-script-message .header {
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
  height: 30px;
}

body #no-script-message .header > .logo {
  margin-top: 5px;
  margin-left: 20px;
}

body #no-script-message .content {
  margin-left: 15%;
  margin-right: 5%;
}

body #no-script-message .content > .section-container {
  list-style-type: none;
  margin: 0;
  margin-top: 80px;
}

body #no-script-message .content > .section-container > li {
  float: left;
  margin-left: 20px;
  min-height: 200px;
}

body #no-script-message .content .error-details {
  width: 350px;
}

body #no-script-message .content .error-details > .helpful-links > a {
  margin-right: 10px;
}

body.Oi {
  background-color: rgba( 16, 110, 190 ,  1 );
  background-color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

body.Admin {
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
}

input, button, textarea, select {
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 100%;
}

input, textarea, select {
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
}

@media screen and (-ms-high-contrast: active) {
  input, textarea, select {
    background-color: transparent;
  }
}

.textbox, .input-text {
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  outline: 0;
}

@media screen and (-ms-high-contrast: active) {
  input[type='checkbox']:disabled + label,
  input[type='radio']:disabled + label {
    text-decoration: line-through;
  }
}

label,
legend {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

button::-moz-focus-inner {
  border: 0;
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.inline-error {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  margin-top: 20px;
  padding: 10px;
  overflow: hidden;
  width: 100%;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
  font-size: 18px;
}

.screenreader {
  width: 0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  overflow: hidden;
  position: absolute;
}

.blank-message {
  font-size: 14px;
  margin: 10px 0 20px 0;
  padding: 10px;
  border:  1px dashed;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
  white-space: normal;
}

/* Required to center align checkboxes vertically with labels within the same inline */
.checkbox-centered {
  vertical-align: middle;
  margin-top: -1px;
}

.responsive-grid-container {
  margin-left: 16px;
  margin-right: 20px;
  margin-top: 14px;
}

.visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/** Bowtie Styles **/
.bowtie, .bowtie-fabric {
  font: 14px "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  box-sizing: border-box;
}

.bowtie *, .bowtie *:before, .bowtie *:after, .bowtie-fabric *, .bowtie-fabric *:before, .bowtie-fabric *:after {
  box-sizing: inherit;
}

.bowtie p.muted, .bowtie-fabric p.muted {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.bowtie .hide, .bowtie-fabric .hide {
  display: none;
}

.bowtie a[rel~="external"], .bowtie-fabric a[rel~="external"] {
  white-space: nowrap;
}

.bowtie a[rel~="external"]::after, .bowtie-fabric a[rel~="external"]::after {
  font-family: "Bowtie";
  font-size: 14px;
  speak: none;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-align: center;
  text-decoration: none;
  line-height: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: " " "\E9D0";
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  display: inline;
}

.bowtie p {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
}

.bowtie-style {
  box-sizing: border-box;
  /* Can be used as a container div for consistent spacing of field and textbox sets or radio and checkbox groups */
  /* Error message */
  /* ICON CONTAINERS AND BEHAVIOR */
}

.bowtie-style *, .bowtie-style *:before, .bowtie-style *:after {
  box-sizing: inherit;
}

.bowtie-style .form-section {
  width: 100%;
  margin: 24px 0 0 0;
}

.bowtie-style .form-section:first-child {
  margin: 0;
}

.bowtie-style.flexwidth-medium {
  width: auto;
  max-width: 450px;
}

.bowtie-style p {
  font-size: 14px;
  line-height: 18px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-weight: 400;
  padding: 18px 0 0 0;
}

.bowtie-style p.legal {
  font-size: 11px;
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.bowtie-style a,
.bowtie-style a:visited,
.bowtie-style a:hover {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  text-decoration: none;
}

.bowtie-style a:hover {
  text-decoration: underline;
}

.bowtie-style td {
  vertical-align: middle;
}

.bowtie-style h3 {
  padding: 0 0 8px 0;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}

.bowtie-style h4 {
  margin: 0 0 14px 0;
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
}

.bowtie-style h5 {
  margin: 0 0 8px 0;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
}

.bowtie-style h6 {
  margin: 0 0 8px 0;
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
}

.bowtie-style .error-message-area {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  display: block;
  padding-bottom: 3px;
}

.bowtie-style .icon-shell {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 5px 0 0 0;
  text-align: center;
}

.bowtie-style .icon-shell:hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  cursor: pointer;
}

#vssFocusRing {
  position: absolute;
  z-index: 999999;
  top: 0;
  left: 0;
  border:  1px solid;
  border-color: rgba( 0, 0, 0 ,  1 );
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  pointer-events: none;
  visibility: hidden;
  border:  1px solid;
  border-color: rgba( 0, 0, 0 ,  1 );
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.vss-focus-visible #vssFocusRing {
  visibility: visible;
}

.ms-Icon {
  display: inline-block;
  font-family: "AzureDevOpsMDL2Assets";
  font-style: normal;
  font-weight: normal;
  speak: none;
}

.ui-dialog-legacy a:not(.ms-Button) {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  text-decoration: none;
  cursor: pointer;
}

.ui-dialog-legacy a:not(.ms-Button):hover {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  text-decoration: underline;
}

.ui-dialog-legacy a:not(.ms-Button):visited {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.ui-dialog-legacy a:not(.ms-Button):active {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.ui-dialog-legacy:not(.workitem-dialog) button,
.ui-dialog-legacy:not(.workitem-dialog) button.ui-state-default,
.ui-dialog-legacy:not(.workitem-dialog) button.ui-button {
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  height: 30px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-color: rgba( 248, 248, 248 ,  1 );
  background-color: rgba( var(--palette-neutral-2,248, 248, 248) ,  1 );
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
  cursor: pointer;
  outline: 0;
  padding: 2px 12px 2px 12px;
}

.ui-dialog-legacy:not(.workitem-dialog) button:hover:not(.ms-Button):not(.bolt-button), .ui-dialog-legacy:not(.workitem-dialog) button:focus:not(.ms-Button):not(.bolt-button) {
  border-color: rgba( 102, 102, 102 ,  1 );
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.ui-dialog-legacy:not(.workitem-dialog) button[disabled]:not(.ms-ContextualMenu-link), .ui-dialog-legacy:not(.workitem-dialog) button[disabled]:hover:not(.ms-ContextualMenu-link), .ui-dialog-legacy:not(.workitem-dialog) button[disabled]:focus:not(.ms-ContextualMenu-link) {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ui-dialog-legacy:not(.workitem-dialog) button[disabled]:not(.ms-ContextualMenu-link).ms-Checkbox, .ui-dialog-legacy:not(.workitem-dialog) button[disabled]:hover:not(.ms-ContextualMenu-link).ms-Checkbox, .ui-dialog-legacy:not(.workitem-dialog) button[disabled]:focus:not(.ms-ContextualMenu-link).ms-Checkbox {
  border: none;
}

.ui-dialog-legacy.ui-dialog {
  padding: 0;
}

.ui-dialog-legacy.ui-dialog .ui-dialog-title {
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 14px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  text-transform: uppercase;
}

.ui-dialog-legacy.ui-dialog .ui-button-text {
  padding: 0;
  line-height: normal;
  white-space: nowrap;
}

.ui-dialog-legacy.ui-dialog .ui-dialog-buttonpane {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.ui-dialog-legacy.ui-dialog .ui-dialog-titlebar {
  padding: 0;
  position: relative;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border-bottom:  1px solid;
  border-bottom-color: rgba( 218, 218, 218 ,  1 );
  border-bottom-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  height: 28px;
  margin-bottom: 8px;
}

.ui-dialog-legacy.ui-dialog .ui-dialog-title {
  float: none;
  margin: 0;
  white-space: nowrap;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  height: 28px;
  line-height: 28px;
  padding-left: 10px;
}

.ui-dialog-legacy.ui-dialog .ui-dialog-titlebar-progress-container {
  position: relative;
  height: 3px;
}

.ui-dialog-legacy.ui-dialog .ui-dialog-titlebar-progress-element {
  height: 100%;
  width: 100%;
}

.ui-dialog-legacy.ui-dialog .ui-dialog .ui-dialog-titlebar-progress-element {
  background: url("../../_content/progress.gif") 0 -8px !important;
}

.ui-dialog-legacy.ui-dialog button.ui-dialog-titlebar-close {
  position: absolute;
  right: 0;
  top: -1px;
  padding: 6px 0 0 6px;
  margin: 0;
  height: 100%;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  width: 30px;
  border: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.ui-dialog-legacy.ui-dialog button.ui-dialog-titlebar-close span {
  display: block;
  margin: 1px;
  position: absolute;
  z-index: 101;
  top: 6px;
  left: 6px;
}

.ui-dialog-legacy.ui-dialog button.ui-dialog-titlebar-close:focus {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  border-width: 1px;
  border-color: rgba( 102, 102, 102 ,  1 );
  border-color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-radius: 2px;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.ui-dialog-legacy.ui-dialog button.ui-dialog-titlebar-close:focus span {
  top: 5px;
  left: 5px;
}

.ui-dialog-legacy.ui-dialog .ui-dialog-content {
  margin: 0 10px 0 10px;
}

.ui-dialog-legacy.ui-dialog .ui-state-disabled, .ui-dialog-legacy.ui-dialog .ui-widget-content .ui-state-disabled, .ui-dialog-legacy.ui-dialog .ui-widget-header .ui-state-disabled {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  text-decoration: none;
  background-image: none;
  text-shadow: none;
}

.ui-dialog-legacy.ui-dialog .ui-icon-closethick {
  background-image: url("../../_content/icon-close.png") !important;
  background-position: 0 !important;
}

.ui-button-icon-only .bowtie-icon {
  text-indent: 0px;
}

/** Buttons **/
button {
  position: relative;
}

.bowtie button {
  cursor: pointer;
  border-radius: 0;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border:  1px solid;
  border-color: rgba( 244, 244, 244 ,  1 );
  border-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  outline: 0;
  height: 32px;
  min-width: 90px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  font: 14px "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: 600;
  margin-right: 8px;
  padding: 0 20px;
  vertical-align: top;
  outline: 0;
}

.bowtie button:last-child {
  margin-right: 0;
}

.bowtie button:hover {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  box-shadow: none;
}

.vss-focus-visible .bowtie button:not(.bowtie-tooltipped):focus::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border:  1px solid;
  border-color: rgba( 0, 0, 0 ,  1 );
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.bowtie button:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie button.cta, .bowtie button.btn-cta {
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
  color: rgba(255, 255, 255, 1);
  color: var(--text-on-communication-background,rgba(255, 255, 255, 1));
  outline: 0;
}

.bowtie button.cta:hover, .bowtie button.btn-cta:hover {
  border-color: rgba( 0, 90, 158 ,  1 );
  border-color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
  background-color: rgba( 0, 90, 158 ,  1 );
  background-color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}

.vss-focus-visible .bowtie button.cta:not(.bowtie-tooltipped):focus::after, .vss-focus-visible .bowtie button.btn-cta:not(.bowtie-tooltipped):focus::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border:  1px solid;
  border-color: rgba( 255, 255, 255 ,  1 );
  border-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie button.cta:active, .bowtie button.btn-cta:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie button.cta > i, .bowtie button.cta > .bowtie-icon, .bowtie button.btn-cta > i, .bowtie button.btn-cta > .bowtie-icon {
  color: rgba(255, 255, 255, 1);
  color: var(--text-on-communication-background,rgba(255, 255, 255, 1));
}

.bowtie button.cta:disabled, .bowtie button.cta:disabled:hover, .bowtie button.cta:disabled:focus, .bowtie button.cta:disabled:active, .bowtie button.cta.disabled, .bowtie button.btn-cta:disabled, .bowtie button.btn-cta:disabled:hover, .bowtie button.btn-cta:disabled:focus, .bowtie button.btn-cta:disabled:active, .bowtie button.btn-cta.disabled {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border:  1px solid;
  border-color: rgba( 244, 244, 244 ,  1 );
  border-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  cursor: default;
}

.bowtie button.cta:disabled > i, .bowtie button.cta:disabled > .bowtie-icon, .bowtie button.cta:disabled:hover > i, .bowtie button.cta:disabled:hover > .bowtie-icon, .bowtie button.cta:disabled:focus > i, .bowtie button.cta:disabled:focus > .bowtie-icon, .bowtie button.cta:disabled:active > i, .bowtie button.cta:disabled:active > .bowtie-icon, .bowtie button.cta.disabled > i, .bowtie button.cta.disabled > .bowtie-icon, .bowtie button.btn-cta:disabled > i, .bowtie button.btn-cta:disabled > .bowtie-icon, .bowtie button.btn-cta:disabled:hover > i, .bowtie button.btn-cta:disabled:hover > .bowtie-icon, .bowtie button.btn-cta:disabled:focus > i, .bowtie button.btn-cta:disabled:focus > .bowtie-icon, .bowtie button.btn-cta:disabled:active > i, .bowtie button.btn-cta:disabled:active > .bowtie-icon, .bowtie button.btn-cta.disabled > i, .bowtie button.btn-cta.disabled > .bowtie-icon {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie button.warning, .bowtie button.btn-warning {
  background-color: rgba( 218, 10, 0 ,  1 );
  background-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  color: rgba(255, 255, 255, 1);
  color: var(--text-on-communication-background,rgba(255, 255, 255, 1));
  outline: 0;
}

.bowtie button.warning:hover, .bowtie button.btn-warning:hover {
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 168, 0, 0 ,  1 );
  background-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.vss-focus-visible .bowtie button.warning:focus::after, .vss-focus-visible .bowtie button.btn-warning:focus::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border:  1px solid;
  border-color: rgba( 255, 255, 255 ,  1 );
  border-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie button.warning:active, .bowtie button.btn-warning:active {
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  background-color: rgba( 218, 10, 0 ,  1 );
  background-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie button:disabled, .bowtie button:disabled:hover, .bowtie button:disabled:focus, .bowtie button:disabled:active, .bowtie button.disabled {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border:  1px solid;
  border-color: rgba( 244, 244, 244 ,  1 );
  border-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  cursor: default;
}

.bowtie button:disabled > i, .bowtie button:disabled > .bowtie-icon, .bowtie button:disabled:hover > i, .bowtie button:disabled:hover > .bowtie-icon, .bowtie button:disabled:focus > i, .bowtie button:disabled:focus > .bowtie-icon, .bowtie button:disabled:active > i, .bowtie button:disabled:active > .bowtie-icon, .bowtie button.disabled > i, .bowtie button.disabled > .bowtie-icon {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie button.right-aligned {
  margin-right: 0;
  margin-left: 8px;
}

.bowtie button.right-aligned:last-child {
  margin-left: 0;
}

.bowtie-fabric button.bowtie-widget {
  cursor: pointer;
  border-radius: 0;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border:  1px solid;
  border-color: rgba( 244, 244, 244 ,  1 );
  border-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  outline: 0;
  height: 32px;
  min-width: 90px;
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  font: 14px "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: 600;
  margin-right: 8px;
  padding: 0 20px;
  vertical-align: top;
  outline: 0;
}

.bowtie-fabric button.bowtie-widget:last-child {
  margin-right: 0;
}

.bowtie-fabric button.bowtie-widget:hover {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  box-shadow: none;
}

.vss-focus-visible .bowtie-fabric button.bowtie-widget:not(.bowtie-tooltipped):focus::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border:  1px solid;
  border-color: rgba( 0, 0, 0 ,  1 );
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.bowtie-fabric button.bowtie-widget:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric button.bowtie-widget.cta, .bowtie-fabric button.bowtie-widget.btn-cta {
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
  color: rgba(255, 255, 255, 1);
  color: var(--text-on-communication-background,rgba(255, 255, 255, 1));
  outline: 0;
}

.bowtie-fabric button.bowtie-widget.cta:hover, .bowtie-fabric button.bowtie-widget.btn-cta:hover {
  border-color: rgba( 0, 90, 158 ,  1 );
  border-color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
  background-color: rgba( 0, 90, 158 ,  1 );
  background-color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}

.vss-focus-visible .bowtie-fabric button.bowtie-widget.cta:not(.bowtie-tooltipped):focus::after, .vss-focus-visible .bowtie-fabric button.bowtie-widget.btn-cta:not(.bowtie-tooltipped):focus::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border:  1px solid;
  border-color: rgba( 255, 255, 255 ,  1 );
  border-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric button.bowtie-widget.cta:active, .bowtie-fabric button.bowtie-widget.btn-cta:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric button.bowtie-widget.cta > i, .bowtie-fabric button.bowtie-widget.cta > .bowtie-icon, .bowtie-fabric button.bowtie-widget.btn-cta > i, .bowtie-fabric button.bowtie-widget.btn-cta > .bowtie-icon {
  color: rgba(255, 255, 255, 1);
  color: var(--text-on-communication-background,rgba(255, 255, 255, 1));
}

.bowtie-fabric button.bowtie-widget.cta:disabled, .bowtie-fabric button.bowtie-widget.cta:disabled:hover, .bowtie-fabric button.bowtie-widget.cta:disabled:focus, .bowtie-fabric button.bowtie-widget.cta:disabled:active, .bowtie-fabric button.bowtie-widget.cta.disabled, .bowtie-fabric button.bowtie-widget.btn-cta:disabled, .bowtie-fabric button.bowtie-widget.btn-cta:disabled:hover, .bowtie-fabric button.bowtie-widget.btn-cta:disabled:focus, .bowtie-fabric button.bowtie-widget.btn-cta:disabled:active, .bowtie-fabric button.bowtie-widget.btn-cta.disabled {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border:  1px solid;
  border-color: rgba( 244, 244, 244 ,  1 );
  border-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  cursor: default;
}

.bowtie-fabric button.bowtie-widget.cta:disabled > i, .bowtie-fabric button.bowtie-widget.cta:disabled > .bowtie-icon, .bowtie-fabric button.bowtie-widget.cta:disabled:hover > i, .bowtie-fabric button.bowtie-widget.cta:disabled:hover > .bowtie-icon, .bowtie-fabric button.bowtie-widget.cta:disabled:focus > i, .bowtie-fabric button.bowtie-widget.cta:disabled:focus > .bowtie-icon, .bowtie-fabric button.bowtie-widget.cta:disabled:active > i, .bowtie-fabric button.bowtie-widget.cta:disabled:active > .bowtie-icon, .bowtie-fabric button.bowtie-widget.cta.disabled > i, .bowtie-fabric button.bowtie-widget.cta.disabled > .bowtie-icon, .bowtie-fabric button.bowtie-widget.btn-cta:disabled > i, .bowtie-fabric button.bowtie-widget.btn-cta:disabled > .bowtie-icon, .bowtie-fabric button.bowtie-widget.btn-cta:disabled:hover > i, .bowtie-fabric button.bowtie-widget.btn-cta:disabled:hover > .bowtie-icon, .bowtie-fabric button.bowtie-widget.btn-cta:disabled:focus > i, .bowtie-fabric button.bowtie-widget.btn-cta:disabled:focus > .bowtie-icon, .bowtie-fabric button.bowtie-widget.btn-cta:disabled:active > i, .bowtie-fabric button.bowtie-widget.btn-cta:disabled:active > .bowtie-icon, .bowtie-fabric button.bowtie-widget.btn-cta.disabled > i, .bowtie-fabric button.bowtie-widget.btn-cta.disabled > .bowtie-icon {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric button.bowtie-widget.warning, .bowtie-fabric button.bowtie-widget.btn-warning {
  background-color: rgba( 218, 10, 0 ,  1 );
  background-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  color: rgba(255, 255, 255, 1);
  color: var(--text-on-communication-background,rgba(255, 255, 255, 1));
  outline: 0;
}

.bowtie-fabric button.bowtie-widget.warning:hover, .bowtie-fabric button.bowtie-widget.btn-warning:hover {
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 168, 0, 0 ,  1 );
  background-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
}

.vss-focus-visible .bowtie-fabric button.bowtie-widget.warning:focus::after, .vss-focus-visible .bowtie-fabric button.bowtie-widget.btn-warning:focus::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  border:  1px solid;
  border-color: rgba( 255, 255, 255 ,  1 );
  border-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric button.bowtie-widget.warning:active, .bowtie-fabric button.bowtie-widget.btn-warning:active {
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  background-color: rgba( 218, 10, 0 ,  1 );
  background-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-fabric button.bowtie-widget:disabled, .bowtie-fabric button.bowtie-widget:disabled:hover, .bowtie-fabric button.bowtie-widget:disabled:focus, .bowtie-fabric button.bowtie-widget:disabled:active, .bowtie-fabric button.bowtie-widget.disabled {
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border:  1px solid;
  border-color: rgba( 244, 244, 244 ,  1 );
  border-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  cursor: default;
}

.bowtie-fabric button.bowtie-widget:disabled > i, .bowtie-fabric button.bowtie-widget:disabled > .bowtie-icon, .bowtie-fabric button.bowtie-widget:disabled:hover > i, .bowtie-fabric button.bowtie-widget:disabled:hover > .bowtie-icon, .bowtie-fabric button.bowtie-widget:disabled:focus > i, .bowtie-fabric button.bowtie-widget:disabled:focus > .bowtie-icon, .bowtie-fabric button.bowtie-widget:disabled:active > i, .bowtie-fabric button.bowtie-widget:disabled:active > .bowtie-icon, .bowtie-fabric button.bowtie-widget.disabled > i, .bowtie-fabric button.bowtie-widget.disabled > .bowtie-icon {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric button.bowtie-widget.right-aligned {
  margin-right: 0;
  margin-left: 8px;
}

.bowtie-fabric button.bowtie-widget.right-aligned:last-child {
  margin-left: 0;
}

.bowtie-fabric button {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

.bowtie-fabric button[disabled],
.bowtie-fabric button[disabled]:hover,
.bowtie-fabric button[disabled]:focus {
  border: none;
}

.bowtie-fabric .ms-Button.ms-Button--default {
  border: 0;
}

.bowtie, .bowtie.modal-dialog, .modal-dialog .bowtie,
.bowtie-fabric, .bowtie-fabric.modal-dialog, .modal-dialog .bowtie-fabric {
  /* FireFox 19+ */
}

.bowtie ::-webkit-input-placeholder, .bowtie.modal-dialog ::-webkit-input-placeholder, .modal-dialog .bowtie ::-webkit-input-placeholder,
.bowtie-fabric ::-webkit-input-placeholder, .bowtie-fabric.modal-dialog ::-webkit-input-placeholder, .modal-dialog .bowtie-fabric ::-webkit-input-placeholder {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.bowtie ::-moz-placeholder, .bowtie.modal-dialog ::-moz-placeholder, .modal-dialog .bowtie ::-moz-placeholder,
.bowtie-fabric ::-moz-placeholder, .bowtie-fabric.modal-dialog ::-moz-placeholder, .modal-dialog .bowtie-fabric ::-moz-placeholder {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  opacity: 1;
}

.bowtie input:-ms-placeholder, .bowtie.modal-dialog input:-ms-placeholder, .modal-dialog .bowtie input:-ms-placeholder,
.bowtie-fabric input:-ms-placeholder, .bowtie-fabric.modal-dialog input:-ms-placeholder, .modal-dialog .bowtie-fabric input:-ms-placeholder {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.bowtie ::-ms-input-placeholder, .bowtie.modal-dialog ::-ms-input-placeholder, .modal-dialog .bowtie ::-ms-input-placeholder,
.bowtie-fabric ::-ms-input-placeholder, .bowtie-fabric.modal-dialog ::-ms-input-placeholder, .modal-dialog .bowtie-fabric ::-ms-input-placeholder {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.bowtie :-ms-input-placeholder, .bowtie.modal-dialog :-ms-input-placeholder, .modal-dialog .bowtie :-ms-input-placeholder,
.bowtie-fabric :-ms-input-placeholder, .bowtie-fabric.modal-dialog :-ms-input-placeholder, .modal-dialog .bowtie-fabric :-ms-input-placeholder {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.bowtie .form-section, .bowtie.modal-dialog .form-section, .modal-dialog .bowtie .form-section,
.bowtie-fabric .form-section, .bowtie-fabric.modal-dialog .form-section, .modal-dialog .bowtie-fabric .form-section {
  width: 100%;
  margin: 24px 0 0 0;
}

.bowtie .form-section:first-child, .bowtie.modal-dialog .form-section:first-child, .modal-dialog .bowtie .form-section:first-child,
.bowtie-fabric .form-section:first-child, .bowtie-fabric.modal-dialog .form-section:first-child, .modal-dialog .bowtie-fabric .form-section:first-child {
  margin: 0;
}

.bowtie div.icon-input-container, .bowtie.modal-dialog div.icon-input-container, .modal-dialog .bowtie div.icon-input-container,
.bowtie-fabric div.icon-input-container, .bowtie-fabric.modal-dialog div.icon-input-container, .modal-dialog .bowtie-fabric div.icon-input-container {
  display: inline-block;
  position: relative;
}

.bowtie div.icon-input-container.left::before, .bowtie.modal-dialog div.icon-input-container.left::before, .modal-dialog .bowtie div.icon-input-container.left::before,
.bowtie-fabric div.icon-input-container.left::before, .bowtie-fabric.modal-dialog div.icon-input-container.left::before, .modal-dialog .bowtie-fabric div.icon-input-container.left::before {
  position: absolute;
  left: 5px;
  top: 8px;
}

.bowtie div.icon-input-container.left input[type=search], .bowtie.modal-dialog div.icon-input-container.left input[type=search], .modal-dialog .bowtie div.icon-input-container.left input[type=search],
.bowtie-fabric div.icon-input-container.left input[type=search], .bowtie-fabric.modal-dialog div.icon-input-container.left input[type=search], .modal-dialog .bowtie-fabric div.icon-input-container.left input[type=search] {
  padding-left: 22px;
}

.bowtie div.icon-input-container.left input[type=email], .bowtie.modal-dialog div.icon-input-container.left input[type=email], .modal-dialog .bowtie div.icon-input-container.left input[type=email],
.bowtie-fabric div.icon-input-container.left input[type=email], .bowtie-fabric.modal-dialog div.icon-input-container.left input[type=email], .modal-dialog .bowtie-fabric div.icon-input-container.left input[type=email] {
  padding-left: 22px;
}

.bowtie div.icon-input-container.left input[type=url], .bowtie.modal-dialog div.icon-input-container.left input[type=url], .modal-dialog .bowtie div.icon-input-container.left input[type=url],
.bowtie-fabric div.icon-input-container.left input[type=url], .bowtie-fabric.modal-dialog div.icon-input-container.left input[type=url], .modal-dialog .bowtie-fabric div.icon-input-container.left input[type=url] {
  padding-left: 22px;
}

.bowtie div.icon-input-container.left input[type=text], .bowtie.modal-dialog div.icon-input-container.left input[type=text], .modal-dialog .bowtie div.icon-input-container.left input[type=text],
.bowtie-fabric div.icon-input-container.left input[type=text], .bowtie-fabric.modal-dialog div.icon-input-container.left input[type=text], .modal-dialog .bowtie-fabric div.icon-input-container.left input[type=text] {
  padding-left: 22px;
}

.bowtie div.icon-input-container.left input[type=tel], .bowtie.modal-dialog div.icon-input-container.left input[type=tel], .modal-dialog .bowtie div.icon-input-container.left input[type=tel],
.bowtie-fabric div.icon-input-container.left input[type=tel], .bowtie-fabric.modal-dialog div.icon-input-container.left input[type=tel], .modal-dialog .bowtie-fabric div.icon-input-container.left input[type=tel] {
  padding-left: 22px;
}

.bowtie div.icon-input-container.left input[type=number], .bowtie.modal-dialog div.icon-input-container.left input[type=number], .modal-dialog .bowtie div.icon-input-container.left input[type=number],
.bowtie-fabric div.icon-input-container.left input[type=number], .bowtie-fabric.modal-dialog div.icon-input-container.left input[type=number], .modal-dialog .bowtie-fabric div.icon-input-container.left input[type=number] {
  padding-left: 22px;
}

.bowtie div.icon-input-container.left input[type=date], .bowtie.modal-dialog div.icon-input-container.left input[type=date], .modal-dialog .bowtie div.icon-input-container.left input[type=date],
.bowtie-fabric div.icon-input-container.left input[type=date], .bowtie-fabric.modal-dialog div.icon-input-container.left input[type=date], .modal-dialog .bowtie-fabric div.icon-input-container.left input[type=date] {
  padding-left: 22px;
}

.bowtie div.icon-input-container.left input[type=month], .bowtie.modal-dialog div.icon-input-container.left input[type=month], .modal-dialog .bowtie div.icon-input-container.left input[type=month],
.bowtie-fabric div.icon-input-container.left input[type=month], .bowtie-fabric.modal-dialog div.icon-input-container.left input[type=month], .modal-dialog .bowtie-fabric div.icon-input-container.left input[type=month] {
  padding-left: 22px;
}

.bowtie div.icon-input-container.left input[type=week], .bowtie.modal-dialog div.icon-input-container.left input[type=week], .modal-dialog .bowtie div.icon-input-container.left input[type=week],
.bowtie-fabric div.icon-input-container.left input[type=week], .bowtie-fabric.modal-dialog div.icon-input-container.left input[type=week], .modal-dialog .bowtie-fabric div.icon-input-container.left input[type=week] {
  padding-left: 22px;
}

.bowtie div.icon-input-container.left input[type=datetime-local], .bowtie.modal-dialog div.icon-input-container.left input[type=datetime-local], .modal-dialog .bowtie div.icon-input-container.left input[type=datetime-local],
.bowtie-fabric div.icon-input-container.left input[type=datetime-local], .bowtie-fabric.modal-dialog div.icon-input-container.left input[type=datetime-local], .modal-dialog .bowtie-fabric div.icon-input-container.left input[type=datetime-local] {
  padding-left: 22px;
}

.bowtie div.icon-input-container.left input[type=color], .bowtie.modal-dialog div.icon-input-container.left input[type=color], .modal-dialog .bowtie div.icon-input-container.left input[type=color],
.bowtie-fabric div.icon-input-container.left input[type=color], .bowtie-fabric.modal-dialog div.icon-input-container.left input[type=color], .modal-dialog .bowtie-fabric div.icon-input-container.left input[type=color] {
  padding-left: 22px;
}

.bowtie div.icon-input-container.left input[type=time], .bowtie.modal-dialog div.icon-input-container.left input[type=time], .modal-dialog .bowtie div.icon-input-container.left input[type=time],
.bowtie-fabric div.icon-input-container.left input[type=time], .bowtie-fabric.modal-dialog div.icon-input-container.left input[type=time], .modal-dialog .bowtie-fabric div.icon-input-container.left input[type=time] {
  padding-left: 22px;
}

.bowtie div.icon-input-container.left input[type=password], .bowtie.modal-dialog div.icon-input-container.left input[type=password], .modal-dialog .bowtie div.icon-input-container.left input[type=password],
.bowtie-fabric div.icon-input-container.left input[type=password], .bowtie-fabric.modal-dialog div.icon-input-container.left input[type=password], .modal-dialog .bowtie-fabric div.icon-input-container.left input[type=password] {
  padding-left: 22px;
}

.bowtie div.icon-input-container.left input:not([type]), .bowtie.modal-dialog div.icon-input-container.left input:not([type]), .modal-dialog .bowtie div.icon-input-container.left input:not([type]),
.bowtie-fabric div.icon-input-container.left input:not([type]), .bowtie-fabric.modal-dialog div.icon-input-container.left input:not([type]), .modal-dialog .bowtie-fabric div.icon-input-container.left input:not([type]) {
  padding-left: 22px;
}

.bowtie div.icon-input-container.right::before, .bowtie.modal-dialog div.icon-input-container.right::before, .modal-dialog .bowtie div.icon-input-container.right::before,
.bowtie-fabric div.icon-input-container.right::before, .bowtie-fabric.modal-dialog div.icon-input-container.right::before, .modal-dialog .bowtie-fabric div.icon-input-container.right::before {
  position: absolute;
  right: 5px;
  top: 8px;
}

.bowtie div.icon-input-container.right input[type=search], .bowtie.modal-dialog div.icon-input-container.right input[type=search], .modal-dialog .bowtie div.icon-input-container.right input[type=search],
.bowtie-fabric div.icon-input-container.right input[type=search], .bowtie-fabric.modal-dialog div.icon-input-container.right input[type=search], .modal-dialog .bowtie-fabric div.icon-input-container.right input[type=search] {
  padding-right: 22px;
}

.bowtie div.icon-input-container.right input[type=email], .bowtie.modal-dialog div.icon-input-container.right input[type=email], .modal-dialog .bowtie div.icon-input-container.right input[type=email],
.bowtie-fabric div.icon-input-container.right input[type=email], .bowtie-fabric.modal-dialog div.icon-input-container.right input[type=email], .modal-dialog .bowtie-fabric div.icon-input-container.right input[type=email] {
  padding-right: 22px;
}

.bowtie div.icon-input-container.right input[type=url], .bowtie.modal-dialog div.icon-input-container.right input[type=url], .modal-dialog .bowtie div.icon-input-container.right input[type=url],
.bowtie-fabric div.icon-input-container.right input[type=url], .bowtie-fabric.modal-dialog div.icon-input-container.right input[type=url], .modal-dialog .bowtie-fabric div.icon-input-container.right input[type=url] {
  padding-right: 22px;
}

.bowtie div.icon-input-container.right input[type=text], .bowtie.modal-dialog div.icon-input-container.right input[type=text], .modal-dialog .bowtie div.icon-input-container.right input[type=text],
.bowtie-fabric div.icon-input-container.right input[type=text], .bowtie-fabric.modal-dialog div.icon-input-container.right input[type=text], .modal-dialog .bowtie-fabric div.icon-input-container.right input[type=text] {
  padding-right: 22px;
}

.bowtie div.icon-input-container.right input[type=tel], .bowtie.modal-dialog div.icon-input-container.right input[type=tel], .modal-dialog .bowtie div.icon-input-container.right input[type=tel],
.bowtie-fabric div.icon-input-container.right input[type=tel], .bowtie-fabric.modal-dialog div.icon-input-container.right input[type=tel], .modal-dialog .bowtie-fabric div.icon-input-container.right input[type=tel] {
  padding-right: 22px;
}

.bowtie div.icon-input-container.right input[type=number], .bowtie.modal-dialog div.icon-input-container.right input[type=number], .modal-dialog .bowtie div.icon-input-container.right input[type=number],
.bowtie-fabric div.icon-input-container.right input[type=number], .bowtie-fabric.modal-dialog div.icon-input-container.right input[type=number], .modal-dialog .bowtie-fabric div.icon-input-container.right input[type=number] {
  padding-right: 22px;
}

.bowtie div.icon-input-container.right input[type=date], .bowtie.modal-dialog div.icon-input-container.right input[type=date], .modal-dialog .bowtie div.icon-input-container.right input[type=date],
.bowtie-fabric div.icon-input-container.right input[type=date], .bowtie-fabric.modal-dialog div.icon-input-container.right input[type=date], .modal-dialog .bowtie-fabric div.icon-input-container.right input[type=date] {
  padding-right: 22px;
}

.bowtie div.icon-input-container.right input[type=month], .bowtie.modal-dialog div.icon-input-container.right input[type=month], .modal-dialog .bowtie div.icon-input-container.right input[type=month],
.bowtie-fabric div.icon-input-container.right input[type=month], .bowtie-fabric.modal-dialog div.icon-input-container.right input[type=month], .modal-dialog .bowtie-fabric div.icon-input-container.right input[type=month] {
  padding-right: 22px;
}

.bowtie div.icon-input-container.right input[type=week], .bowtie.modal-dialog div.icon-input-container.right input[type=week], .modal-dialog .bowtie div.icon-input-container.right input[type=week],
.bowtie-fabric div.icon-input-container.right input[type=week], .bowtie-fabric.modal-dialog div.icon-input-container.right input[type=week], .modal-dialog .bowtie-fabric div.icon-input-container.right input[type=week] {
  padding-right: 22px;
}

.bowtie div.icon-input-container.right input[type=datetime-local], .bowtie.modal-dialog div.icon-input-container.right input[type=datetime-local], .modal-dialog .bowtie div.icon-input-container.right input[type=datetime-local],
.bowtie-fabric div.icon-input-container.right input[type=datetime-local], .bowtie-fabric.modal-dialog div.icon-input-container.right input[type=datetime-local], .modal-dialog .bowtie-fabric div.icon-input-container.right input[type=datetime-local] {
  padding-right: 22px;
}

.bowtie div.icon-input-container.right input[type=color], .bowtie.modal-dialog div.icon-input-container.right input[type=color], .modal-dialog .bowtie div.icon-input-container.right input[type=color],
.bowtie-fabric div.icon-input-container.right input[type=color], .bowtie-fabric.modal-dialog div.icon-input-container.right input[type=color], .modal-dialog .bowtie-fabric div.icon-input-container.right input[type=color] {
  padding-right: 22px;
}

.bowtie div.icon-input-container.right input[type=time], .bowtie.modal-dialog div.icon-input-container.right input[type=time], .modal-dialog .bowtie div.icon-input-container.right input[type=time],
.bowtie-fabric div.icon-input-container.right input[type=time], .bowtie-fabric.modal-dialog div.icon-input-container.right input[type=time], .modal-dialog .bowtie-fabric div.icon-input-container.right input[type=time] {
  padding-right: 22px;
}

.bowtie div.icon-input-container.right input[type=password], .bowtie.modal-dialog div.icon-input-container.right input[type=password], .modal-dialog .bowtie div.icon-input-container.right input[type=password],
.bowtie-fabric div.icon-input-container.right input[type=password], .bowtie-fabric.modal-dialog div.icon-input-container.right input[type=password], .modal-dialog .bowtie-fabric div.icon-input-container.right input[type=password] {
  padding-right: 22px;
}

.bowtie div.icon-input-container.right input:not([type]), .bowtie.modal-dialog div.icon-input-container.right input:not([type]), .modal-dialog .bowtie div.icon-input-container.right input:not([type]),
.bowtie-fabric div.icon-input-container.right input:not([type]), .bowtie-fabric.modal-dialog div.icon-input-container.right input:not([type]), .modal-dialog .bowtie-fabric div.icon-input-container.right input:not([type]) {
  padding-right: 22px;
}

.bowtie .combo.input-text-box, .bowtie.modal-dialog .combo.input-text-box, .modal-dialog .bowtie .combo.input-text-box,
.bowtie-fabric .combo.input-text-box, .bowtie-fabric.modal-dialog .combo.input-text-box, .modal-dialog .bowtie-fabric .combo.input-text-box {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie .combo.input-text-box:hover, .bowtie.modal-dialog .combo.input-text-box:hover, .modal-dialog .bowtie .combo.input-text-box:hover,
.bowtie-fabric .combo.input-text-box:hover, .bowtie-fabric.modal-dialog .combo.input-text-box:hover, .modal-dialog .bowtie-fabric .combo.input-text-box:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie .combo.input-text-box:active, .bowtie.modal-dialog .combo.input-text-box:active, .modal-dialog .bowtie .combo.input-text-box:active,
.bowtie-fabric .combo.input-text-box:active, .bowtie-fabric.modal-dialog .combo.input-text-box:active, .modal-dialog .bowtie-fabric .combo.input-text-box:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie .combo.input-text-box:focus, .bowtie .combo.input-text-box.focus, .bowtie.modal-dialog .combo.input-text-box:focus, .bowtie.modal-dialog .combo.input-text-box.focus, .modal-dialog .bowtie .combo.input-text-box:focus, .modal-dialog .bowtie .combo.input-text-box.focus,
.bowtie-fabric .combo.input-text-box:focus,
.bowtie-fabric .combo.input-text-box.focus, .bowtie-fabric.modal-dialog .combo.input-text-box:focus, .bowtie-fabric.modal-dialog .combo.input-text-box.focus, .modal-dialog .bowtie-fabric .combo.input-text-box:focus, .modal-dialog .bowtie-fabric .combo.input-text-box.focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie .combo.input-text-box ~ label, .bowtie.modal-dialog .combo.input-text-box ~ label, .modal-dialog .bowtie .combo.input-text-box ~ label,
.bowtie-fabric .combo.input-text-box ~ label, .bowtie-fabric.modal-dialog .combo.input-text-box ~ label, .modal-dialog .bowtie-fabric .combo.input-text-box ~ label {
  margin-top: 24px;
}

.bowtie .combo.input-text-box.invalid, .bowtie .combo.input-text-box:invalid, .bowtie.modal-dialog .combo.input-text-box.invalid, .bowtie.modal-dialog .combo.input-text-box:invalid, .modal-dialog .bowtie .combo.input-text-box.invalid, .modal-dialog .bowtie .combo.input-text-box:invalid,
.bowtie-fabric .combo.input-text-box.invalid,
.bowtie-fabric .combo.input-text-box:invalid, .bowtie-fabric.modal-dialog .combo.input-text-box.invalid, .bowtie-fabric.modal-dialog .combo.input-text-box:invalid, .modal-dialog .bowtie-fabric .combo.input-text-box.invalid, .modal-dialog .bowtie-fabric .combo.input-text-box:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie .combo.input-text-box.invalid:active, .bowtie .combo.input-text-box:invalid:active, .bowtie.modal-dialog .combo.input-text-box.invalid:active, .bowtie.modal-dialog .combo.input-text-box:invalid:active, .modal-dialog .bowtie .combo.input-text-box.invalid:active, .modal-dialog .bowtie .combo.input-text-box:invalid:active,
.bowtie-fabric .combo.input-text-box.invalid:active,
.bowtie-fabric .combo.input-text-box:invalid:active, .bowtie-fabric.modal-dialog .combo.input-text-box.invalid:active, .bowtie-fabric.modal-dialog .combo.input-text-box:invalid:active, .modal-dialog .bowtie-fabric .combo.input-text-box.invalid:active, .modal-dialog .bowtie-fabric .combo.input-text-box:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie .combo.input-text-box.invalid:focus, .bowtie .combo.input-text-box.invalid.focus, .bowtie .combo.input-text-box:invalid:focus, .bowtie .combo.input-text-box:invalid.focus, .bowtie.modal-dialog .combo.input-text-box.invalid:focus, .bowtie.modal-dialog .combo.input-text-box.invalid.focus, .bowtie.modal-dialog .combo.input-text-box:invalid:focus, .bowtie.modal-dialog .combo.input-text-box:invalid.focus, .modal-dialog .bowtie .combo.input-text-box.invalid:focus, .modal-dialog .bowtie .combo.input-text-box.invalid.focus, .modal-dialog .bowtie .combo.input-text-box:invalid:focus, .modal-dialog .bowtie .combo.input-text-box:invalid.focus,
.bowtie-fabric .combo.input-text-box.invalid:focus,
.bowtie-fabric .combo.input-text-box.invalid.focus,
.bowtie-fabric .combo.input-text-box:invalid:focus,
.bowtie-fabric .combo.input-text-box:invalid.focus, .bowtie-fabric.modal-dialog .combo.input-text-box.invalid:focus, .bowtie-fabric.modal-dialog .combo.input-text-box.invalid.focus, .bowtie-fabric.modal-dialog .combo.input-text-box:invalid:focus, .bowtie-fabric.modal-dialog .combo.input-text-box:invalid.focus, .modal-dialog .bowtie-fabric .combo.input-text-box.invalid:focus, .modal-dialog .bowtie-fabric .combo.input-text-box.invalid.focus, .modal-dialog .bowtie-fabric .combo.input-text-box:invalid:focus, .modal-dialog .bowtie-fabric .combo.input-text-box:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie .combo.input-text-box.required, .bowtie.modal-dialog .combo.input-text-box.required, .modal-dialog .bowtie .combo.input-text-box.required,
.bowtie-fabric .combo.input-text-box.required, .bowtie-fabric.modal-dialog .combo.input-text-box.required, .modal-dialog .bowtie-fabric .combo.input-text-box.required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie .combo.input-text-box.required:active, .bowtie.modal-dialog .combo.input-text-box.required:active, .modal-dialog .bowtie .combo.input-text-box.required:active,
.bowtie-fabric .combo.input-text-box.required:active, .bowtie-fabric.modal-dialog .combo.input-text-box.required:active, .modal-dialog .bowtie-fabric .combo.input-text-box.required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie .combo.input-text-box.required:focus, .bowtie.modal-dialog .combo.input-text-box.required:focus, .modal-dialog .bowtie .combo.input-text-box.required:focus,
.bowtie-fabric .combo.input-text-box.required:focus, .bowtie-fabric.modal-dialog .combo.input-text-box.required:focus, .modal-dialog .bowtie-fabric .combo.input-text-box.required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie .combo.input-text-box:disabled, .bowtie .combo.input-text-box:disabled:hover, .bowtie .combo.input-text-box:disabled:focus, .bowtie .combo.input-text-box:disabled:active, .bowtie.modal-dialog .combo.input-text-box:disabled, .bowtie.modal-dialog .combo.input-text-box:disabled:hover, .bowtie.modal-dialog .combo.input-text-box:disabled:focus, .bowtie.modal-dialog .combo.input-text-box:disabled:active, .modal-dialog .bowtie .combo.input-text-box:disabled, .modal-dialog .bowtie .combo.input-text-box:disabled:hover, .modal-dialog .bowtie .combo.input-text-box:disabled:focus, .modal-dialog .bowtie .combo.input-text-box:disabled:active,
.bowtie-fabric .combo.input-text-box:disabled,
.bowtie-fabric .combo.input-text-box:disabled:hover,
.bowtie-fabric .combo.input-text-box:disabled:focus,
.bowtie-fabric .combo.input-text-box:disabled:active, .bowtie-fabric.modal-dialog .combo.input-text-box:disabled, .bowtie-fabric.modal-dialog .combo.input-text-box:disabled:hover, .bowtie-fabric.modal-dialog .combo.input-text-box:disabled:focus, .bowtie-fabric.modal-dialog .combo.input-text-box:disabled:active, .modal-dialog .bowtie-fabric .combo.input-text-box:disabled, .modal-dialog .bowtie-fabric .combo.input-text-box:disabled:hover, .modal-dialog .bowtie-fabric .combo.input-text-box:disabled:focus, .modal-dialog .bowtie-fabric .combo.input-text-box:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie .combo.input-text-box:disabled.read-only, .bowtie .combo.input-text-box:disabled:hover.read-only, .bowtie .combo.input-text-box:disabled:focus.read-only, .bowtie .combo.input-text-box:disabled:active.read-only, .bowtie.modal-dialog .combo.input-text-box:disabled.read-only, .bowtie.modal-dialog .combo.input-text-box:disabled:hover.read-only, .bowtie.modal-dialog .combo.input-text-box:disabled:focus.read-only, .bowtie.modal-dialog .combo.input-text-box:disabled:active.read-only, .modal-dialog .bowtie .combo.input-text-box:disabled.read-only, .modal-dialog .bowtie .combo.input-text-box:disabled:hover.read-only, .modal-dialog .bowtie .combo.input-text-box:disabled:focus.read-only, .modal-dialog .bowtie .combo.input-text-box:disabled:active.read-only,
.bowtie-fabric .combo.input-text-box:disabled.read-only,
.bowtie-fabric .combo.input-text-box:disabled:hover.read-only,
.bowtie-fabric .combo.input-text-box:disabled:focus.read-only,
.bowtie-fabric .combo.input-text-box:disabled:active.read-only, .bowtie-fabric.modal-dialog .combo.input-text-box:disabled.read-only, .bowtie-fabric.modal-dialog .combo.input-text-box:disabled:hover.read-only, .bowtie-fabric.modal-dialog .combo.input-text-box:disabled:focus.read-only, .bowtie-fabric.modal-dialog .combo.input-text-box:disabled:active.read-only, .modal-dialog .bowtie-fabric .combo.input-text-box:disabled.read-only, .modal-dialog .bowtie-fabric .combo.input-text-box:disabled:hover.read-only, .modal-dialog .bowtie-fabric .combo.input-text-box:disabled:focus.read-only, .modal-dialog .bowtie-fabric .combo.input-text-box:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie .combo.input-text-box:disabled::selection, .bowtie .combo.input-text-box:disabled:hover::selection, .bowtie .combo.input-text-box:disabled:focus::selection, .bowtie .combo.input-text-box:disabled:active::selection, .bowtie.modal-dialog .combo.input-text-box:disabled::selection, .bowtie.modal-dialog .combo.input-text-box:disabled:hover::selection, .bowtie.modal-dialog .combo.input-text-box:disabled:focus::selection, .bowtie.modal-dialog .combo.input-text-box:disabled:active::selection, .modal-dialog .bowtie .combo.input-text-box:disabled::selection, .modal-dialog .bowtie .combo.input-text-box:disabled:hover::selection, .modal-dialog .bowtie .combo.input-text-box:disabled:focus::selection, .modal-dialog .bowtie .combo.input-text-box:disabled:active::selection,
.bowtie-fabric .combo.input-text-box:disabled::selection,
.bowtie-fabric .combo.input-text-box:disabled:hover::selection,
.bowtie-fabric .combo.input-text-box:disabled:focus::selection,
.bowtie-fabric .combo.input-text-box:disabled:active::selection, .bowtie-fabric.modal-dialog .combo.input-text-box:disabled::selection, .bowtie-fabric.modal-dialog .combo.input-text-box:disabled:hover::selection, .bowtie-fabric.modal-dialog .combo.input-text-box:disabled:focus::selection, .bowtie-fabric.modal-dialog .combo.input-text-box:disabled:active::selection, .modal-dialog .bowtie-fabric .combo.input-text-box:disabled::selection, .modal-dialog .bowtie-fabric .combo.input-text-box:disabled:hover::selection, .modal-dialog .bowtie-fabric .combo.input-text-box:disabled:focus::selection, .modal-dialog .bowtie-fabric .combo.input-text-box:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie .combo.input-text-box::selection, .bowtie.modal-dialog .combo.input-text-box::selection, .modal-dialog .bowtie .combo.input-text-box::selection,
.bowtie-fabric .combo.input-text-box::selection, .bowtie-fabric.modal-dialog .combo.input-text-box::selection, .modal-dialog .bowtie-fabric .combo.input-text-box::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie .progressive-group, .bowtie.modal-dialog .progressive-group, .modal-dialog .bowtie .progressive-group,
.bowtie-fabric .progressive-group, .bowtie-fabric.modal-dialog .progressive-group, .modal-dialog .bowtie-fabric .progressive-group {
  margin-top: 24px;
}

.bowtie .progressive-group:first-child, .bowtie.modal-dialog .progressive-group:first-child, .modal-dialog .bowtie .progressive-group:first-child,
.bowtie-fabric .progressive-group:first-child, .bowtie-fabric.modal-dialog .progressive-group:first-child, .modal-dialog .bowtie-fabric .progressive-group:first-child {
  margin: 0;
}

.bowtie .progressive-group .dependent, .bowtie.modal-dialog .progressive-group .dependent, .modal-dialog .bowtie .progressive-group .dependent,
.bowtie-fabric .progressive-group .dependent, .bowtie-fabric.modal-dialog .progressive-group .dependent, .modal-dialog .bowtie-fabric .progressive-group .dependent {
  margin-left: 30px;
  display: none;
}

.bowtie .progressive-group:first-of-type, .bowtie.modal-dialog .progressive-group:first-of-type, .modal-dialog .bowtie .progressive-group:first-of-type,
.bowtie-fabric .progressive-group:first-of-type, .bowtie-fabric.modal-dialog .progressive-group:first-of-type, .modal-dialog .bowtie-fabric .progressive-group:first-of-type {
  margin-top: 0;
}

.bowtie .input-error-tip, .bowtie.modal-dialog .input-error-tip, .modal-dialog .bowtie .input-error-tip,
.bowtie-fabric .input-error-tip, .bowtie-fabric.modal-dialog .input-error-tip, .modal-dialog .bowtie-fabric .input-error-tip {
  position: absolute;
  background-color: rgba( 168, 0, 0 ,  1 );
  background-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  max-width: 90%;
  margin-right: 20px;
  padding: 5px 10px 7px 10px;
  z-index: 910;
}

.bowtie .input-error-tip:before, .bowtie.modal-dialog .input-error-tip:before, .modal-dialog .bowtie .input-error-tip:before,
.bowtie-fabric .input-error-tip:before, .bowtie-fabric.modal-dialog .input-error-tip:before, .modal-dialog .bowtie-fabric .input-error-tip:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: rgba( 168, 0, 0 ,  1 );
  border-bottom-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  top: -12px;
  z-index: 915;
}

.bowtie .combo input[type=text] .combo input[type=search], .bowtie.modal-dialog .combo input[type=text] .combo input[type=search], .modal-dialog .bowtie .combo input[type=text] .combo input[type=search],
.bowtie-fabric .combo input[type=text] .combo input[type=search], .bowtie-fabric.modal-dialog .combo input[type=text] .combo input[type=search], .modal-dialog .bowtie-fabric .combo input[type=text] .combo input[type=search] {
  padding-left: 0;
}

.bowtie .combo input[type=text] .combo input[type=email], .bowtie.modal-dialog .combo input[type=text] .combo input[type=email], .modal-dialog .bowtie .combo input[type=text] .combo input[type=email],
.bowtie-fabric .combo input[type=text] .combo input[type=email], .bowtie-fabric.modal-dialog .combo input[type=text] .combo input[type=email], .modal-dialog .bowtie-fabric .combo input[type=text] .combo input[type=email] {
  padding-left: 0;
}

.bowtie .combo input[type=text] .combo input[type=url], .bowtie.modal-dialog .combo input[type=text] .combo input[type=url], .modal-dialog .bowtie .combo input[type=text] .combo input[type=url],
.bowtie-fabric .combo input[type=text] .combo input[type=url], .bowtie-fabric.modal-dialog .combo input[type=text] .combo input[type=url], .modal-dialog .bowtie-fabric .combo input[type=text] .combo input[type=url] {
  padding-left: 0;
}

.bowtie .combo input[type=text] .combo input[type=text], .bowtie.modal-dialog .combo input[type=text] .combo input[type=text], .modal-dialog .bowtie .combo input[type=text] .combo input[type=text],
.bowtie-fabric .combo input[type=text] .combo input[type=text], .bowtie-fabric.modal-dialog .combo input[type=text] .combo input[type=text], .modal-dialog .bowtie-fabric .combo input[type=text] .combo input[type=text] {
  padding-left: 0;
}

.bowtie .combo input[type=text] .combo input[type=tel], .bowtie.modal-dialog .combo input[type=text] .combo input[type=tel], .modal-dialog .bowtie .combo input[type=text] .combo input[type=tel],
.bowtie-fabric .combo input[type=text] .combo input[type=tel], .bowtie-fabric.modal-dialog .combo input[type=text] .combo input[type=tel], .modal-dialog .bowtie-fabric .combo input[type=text] .combo input[type=tel] {
  padding-left: 0;
}

.bowtie .combo input[type=text] .combo input[type=number], .bowtie.modal-dialog .combo input[type=text] .combo input[type=number], .modal-dialog .bowtie .combo input[type=text] .combo input[type=number],
.bowtie-fabric .combo input[type=text] .combo input[type=number], .bowtie-fabric.modal-dialog .combo input[type=text] .combo input[type=number], .modal-dialog .bowtie-fabric .combo input[type=text] .combo input[type=number] {
  padding-left: 0;
}

.bowtie .combo input[type=text] .combo input[type=date], .bowtie.modal-dialog .combo input[type=text] .combo input[type=date], .modal-dialog .bowtie .combo input[type=text] .combo input[type=date],
.bowtie-fabric .combo input[type=text] .combo input[type=date], .bowtie-fabric.modal-dialog .combo input[type=text] .combo input[type=date], .modal-dialog .bowtie-fabric .combo input[type=text] .combo input[type=date] {
  padding-left: 0;
}

.bowtie .combo input[type=text] .combo input[type=month], .bowtie.modal-dialog .combo input[type=text] .combo input[type=month], .modal-dialog .bowtie .combo input[type=text] .combo input[type=month],
.bowtie-fabric .combo input[type=text] .combo input[type=month], .bowtie-fabric.modal-dialog .combo input[type=text] .combo input[type=month], .modal-dialog .bowtie-fabric .combo input[type=text] .combo input[type=month] {
  padding-left: 0;
}

.bowtie .combo input[type=text] .combo input[type=week], .bowtie.modal-dialog .combo input[type=text] .combo input[type=week], .modal-dialog .bowtie .combo input[type=text] .combo input[type=week],
.bowtie-fabric .combo input[type=text] .combo input[type=week], .bowtie-fabric.modal-dialog .combo input[type=text] .combo input[type=week], .modal-dialog .bowtie-fabric .combo input[type=text] .combo input[type=week] {
  padding-left: 0;
}

.bowtie .combo input[type=text] .combo input[type=datetime-local], .bowtie.modal-dialog .combo input[type=text] .combo input[type=datetime-local], .modal-dialog .bowtie .combo input[type=text] .combo input[type=datetime-local],
.bowtie-fabric .combo input[type=text] .combo input[type=datetime-local], .bowtie-fabric.modal-dialog .combo input[type=text] .combo input[type=datetime-local], .modal-dialog .bowtie-fabric .combo input[type=text] .combo input[type=datetime-local] {
  padding-left: 0;
}

.bowtie .combo input[type=text] .combo input[type=color], .bowtie.modal-dialog .combo input[type=text] .combo input[type=color], .modal-dialog .bowtie .combo input[type=text] .combo input[type=color],
.bowtie-fabric .combo input[type=text] .combo input[type=color], .bowtie-fabric.modal-dialog .combo input[type=text] .combo input[type=color], .modal-dialog .bowtie-fabric .combo input[type=text] .combo input[type=color] {
  padding-left: 0;
}

.bowtie .combo input[type=text] .combo input[type=time], .bowtie.modal-dialog .combo input[type=text] .combo input[type=time], .modal-dialog .bowtie .combo input[type=text] .combo input[type=time],
.bowtie-fabric .combo input[type=text] .combo input[type=time], .bowtie-fabric.modal-dialog .combo input[type=text] .combo input[type=time], .modal-dialog .bowtie-fabric .combo input[type=text] .combo input[type=time] {
  padding-left: 0;
}

.bowtie .combo input[type=text] .combo input[type=password], .bowtie.modal-dialog .combo input[type=text] .combo input[type=password], .modal-dialog .bowtie .combo input[type=text] .combo input[type=password],
.bowtie-fabric .combo input[type=text] .combo input[type=password], .bowtie-fabric.modal-dialog .combo input[type=text] .combo input[type=password], .modal-dialog .bowtie-fabric .combo input[type=text] .combo input[type=password] {
  padding-left: 0;
}

.bowtie .combo input[type=text] .combo input:not([type]), .bowtie.modal-dialog .combo input[type=text] .combo input:not([type]), .modal-dialog .bowtie .combo input[type=text] .combo input:not([type]),
.bowtie-fabric .combo input[type=text] .combo input:not([type]), .bowtie-fabric.modal-dialog .combo input[type=text] .combo input:not([type]), .modal-dialog .bowtie-fabric .combo input[type=text] .combo input:not([type]) {
  padding-left: 0;
}

.bowtie .combo .virtualizing-list-view > .items > li, .bowtie.modal-dialog .combo .virtualizing-list-view > .items > li, .modal-dialog .bowtie .combo .virtualizing-list-view > .items > li,
.bowtie-fabric .combo .virtualizing-list-view > .items > li, .bowtie-fabric.modal-dialog .combo .virtualizing-list-view > .items > li, .modal-dialog .bowtie-fabric .combo .virtualizing-list-view > .items > li {
  border: none;
}

.bowtie .combo > div.wrap > input.invalid[type=search], .bowtie.modal-dialog .combo > div.wrap > input.invalid[type=search], .modal-dialog .bowtie .combo > div.wrap > input.invalid[type=search],
.bowtie-fabric .combo > div.wrap > input.invalid[type=search], .bowtie-fabric.modal-dialog .combo > div.wrap > input.invalid[type=search], .modal-dialog .bowtie-fabric .combo > div.wrap > input.invalid[type=search] {
  background-color: transparent;
}

.bowtie .combo > div.wrap > input.invalid[type=email], .bowtie.modal-dialog .combo > div.wrap > input.invalid[type=email], .modal-dialog .bowtie .combo > div.wrap > input.invalid[type=email],
.bowtie-fabric .combo > div.wrap > input.invalid[type=email], .bowtie-fabric.modal-dialog .combo > div.wrap > input.invalid[type=email], .modal-dialog .bowtie-fabric .combo > div.wrap > input.invalid[type=email] {
  background-color: transparent;
}

.bowtie .combo > div.wrap > input.invalid[type=url], .bowtie.modal-dialog .combo > div.wrap > input.invalid[type=url], .modal-dialog .bowtie .combo > div.wrap > input.invalid[type=url],
.bowtie-fabric .combo > div.wrap > input.invalid[type=url], .bowtie-fabric.modal-dialog .combo > div.wrap > input.invalid[type=url], .modal-dialog .bowtie-fabric .combo > div.wrap > input.invalid[type=url] {
  background-color: transparent;
}

.bowtie .combo > div.wrap > input.invalid[type=text], .bowtie.modal-dialog .combo > div.wrap > input.invalid[type=text], .modal-dialog .bowtie .combo > div.wrap > input.invalid[type=text],
.bowtie-fabric .combo > div.wrap > input.invalid[type=text], .bowtie-fabric.modal-dialog .combo > div.wrap > input.invalid[type=text], .modal-dialog .bowtie-fabric .combo > div.wrap > input.invalid[type=text] {
  background-color: transparent;
}

.bowtie .combo > div.wrap > input.invalid[type=tel], .bowtie.modal-dialog .combo > div.wrap > input.invalid[type=tel], .modal-dialog .bowtie .combo > div.wrap > input.invalid[type=tel],
.bowtie-fabric .combo > div.wrap > input.invalid[type=tel], .bowtie-fabric.modal-dialog .combo > div.wrap > input.invalid[type=tel], .modal-dialog .bowtie-fabric .combo > div.wrap > input.invalid[type=tel] {
  background-color: transparent;
}

.bowtie .combo > div.wrap > input.invalid[type=number], .bowtie.modal-dialog .combo > div.wrap > input.invalid[type=number], .modal-dialog .bowtie .combo > div.wrap > input.invalid[type=number],
.bowtie-fabric .combo > div.wrap > input.invalid[type=number], .bowtie-fabric.modal-dialog .combo > div.wrap > input.invalid[type=number], .modal-dialog .bowtie-fabric .combo > div.wrap > input.invalid[type=number] {
  background-color: transparent;
}

.bowtie .combo > div.wrap > input.invalid[type=date], .bowtie.modal-dialog .combo > div.wrap > input.invalid[type=date], .modal-dialog .bowtie .combo > div.wrap > input.invalid[type=date],
.bowtie-fabric .combo > div.wrap > input.invalid[type=date], .bowtie-fabric.modal-dialog .combo > div.wrap > input.invalid[type=date], .modal-dialog .bowtie-fabric .combo > div.wrap > input.invalid[type=date] {
  background-color: transparent;
}

.bowtie .combo > div.wrap > input.invalid[type=month], .bowtie.modal-dialog .combo > div.wrap > input.invalid[type=month], .modal-dialog .bowtie .combo > div.wrap > input.invalid[type=month],
.bowtie-fabric .combo > div.wrap > input.invalid[type=month], .bowtie-fabric.modal-dialog .combo > div.wrap > input.invalid[type=month], .modal-dialog .bowtie-fabric .combo > div.wrap > input.invalid[type=month] {
  background-color: transparent;
}

.bowtie .combo > div.wrap > input.invalid[type=week], .bowtie.modal-dialog .combo > div.wrap > input.invalid[type=week], .modal-dialog .bowtie .combo > div.wrap > input.invalid[type=week],
.bowtie-fabric .combo > div.wrap > input.invalid[type=week], .bowtie-fabric.modal-dialog .combo > div.wrap > input.invalid[type=week], .modal-dialog .bowtie-fabric .combo > div.wrap > input.invalid[type=week] {
  background-color: transparent;
}

.bowtie .combo > div.wrap > input.invalid[type=datetime-local], .bowtie.modal-dialog .combo > div.wrap > input.invalid[type=datetime-local], .modal-dialog .bowtie .combo > div.wrap > input.invalid[type=datetime-local],
.bowtie-fabric .combo > div.wrap > input.invalid[type=datetime-local], .bowtie-fabric.modal-dialog .combo > div.wrap > input.invalid[type=datetime-local], .modal-dialog .bowtie-fabric .combo > div.wrap > input.invalid[type=datetime-local] {
  background-color: transparent;
}

.bowtie .combo > div.wrap > input.invalid[type=color], .bowtie.modal-dialog .combo > div.wrap > input.invalid[type=color], .modal-dialog .bowtie .combo > div.wrap > input.invalid[type=color],
.bowtie-fabric .combo > div.wrap > input.invalid[type=color], .bowtie-fabric.modal-dialog .combo > div.wrap > input.invalid[type=color], .modal-dialog .bowtie-fabric .combo > div.wrap > input.invalid[type=color] {
  background-color: transparent;
}

.bowtie .combo > div.wrap > input.invalid[type=time], .bowtie.modal-dialog .combo > div.wrap > input.invalid[type=time], .modal-dialog .bowtie .combo > div.wrap > input.invalid[type=time],
.bowtie-fabric .combo > div.wrap > input.invalid[type=time], .bowtie-fabric.modal-dialog .combo > div.wrap > input.invalid[type=time], .modal-dialog .bowtie-fabric .combo > div.wrap > input.invalid[type=time] {
  background-color: transparent;
}

.bowtie .combo > div.wrap > input.invalid[type=password], .bowtie.modal-dialog .combo > div.wrap > input.invalid[type=password], .modal-dialog .bowtie .combo > div.wrap > input.invalid[type=password],
.bowtie-fabric .combo > div.wrap > input.invalid[type=password], .bowtie-fabric.modal-dialog .combo > div.wrap > input.invalid[type=password], .modal-dialog .bowtie-fabric .combo > div.wrap > input.invalid[type=password] {
  background-color: transparent;
}

.bowtie .combo > div.wrap > input.invalid:not([type]), .bowtie.modal-dialog .combo > div.wrap > input.invalid:not([type]), .modal-dialog .bowtie .combo > div.wrap > input.invalid:not([type]),
.bowtie-fabric .combo > div.wrap > input.invalid:not([type]), .bowtie-fabric.modal-dialog .combo > div.wrap > input.invalid:not([type]), .modal-dialog .bowtie-fabric .combo > div.wrap > input.invalid:not([type]) {
  background-color: transparent;
}

.bowtie .combo.invalid > div.wrap > input[type=search], .bowtie.modal-dialog .combo.invalid > div.wrap > input[type=search], .modal-dialog .bowtie .combo.invalid > div.wrap > input[type=search],
.bowtie-fabric .combo.invalid > div.wrap > input[type=search], .bowtie-fabric.modal-dialog .combo.invalid > div.wrap > input[type=search], .modal-dialog .bowtie-fabric .combo.invalid > div.wrap > input[type=search] {
  background-color: transparent;
}

.bowtie .combo.invalid > div.wrap > input[type=email], .bowtie.modal-dialog .combo.invalid > div.wrap > input[type=email], .modal-dialog .bowtie .combo.invalid > div.wrap > input[type=email],
.bowtie-fabric .combo.invalid > div.wrap > input[type=email], .bowtie-fabric.modal-dialog .combo.invalid > div.wrap > input[type=email], .modal-dialog .bowtie-fabric .combo.invalid > div.wrap > input[type=email] {
  background-color: transparent;
}

.bowtie .combo.invalid > div.wrap > input[type=url], .bowtie.modal-dialog .combo.invalid > div.wrap > input[type=url], .modal-dialog .bowtie .combo.invalid > div.wrap > input[type=url],
.bowtie-fabric .combo.invalid > div.wrap > input[type=url], .bowtie-fabric.modal-dialog .combo.invalid > div.wrap > input[type=url], .modal-dialog .bowtie-fabric .combo.invalid > div.wrap > input[type=url] {
  background-color: transparent;
}

.bowtie .combo.invalid > div.wrap > input[type=text], .bowtie.modal-dialog .combo.invalid > div.wrap > input[type=text], .modal-dialog .bowtie .combo.invalid > div.wrap > input[type=text],
.bowtie-fabric .combo.invalid > div.wrap > input[type=text], .bowtie-fabric.modal-dialog .combo.invalid > div.wrap > input[type=text], .modal-dialog .bowtie-fabric .combo.invalid > div.wrap > input[type=text] {
  background-color: transparent;
}

.bowtie .combo.invalid > div.wrap > input[type=tel], .bowtie.modal-dialog .combo.invalid > div.wrap > input[type=tel], .modal-dialog .bowtie .combo.invalid > div.wrap > input[type=tel],
.bowtie-fabric .combo.invalid > div.wrap > input[type=tel], .bowtie-fabric.modal-dialog .combo.invalid > div.wrap > input[type=tel], .modal-dialog .bowtie-fabric .combo.invalid > div.wrap > input[type=tel] {
  background-color: transparent;
}

.bowtie .combo.invalid > div.wrap > input[type=number], .bowtie.modal-dialog .combo.invalid > div.wrap > input[type=number], .modal-dialog .bowtie .combo.invalid > div.wrap > input[type=number],
.bowtie-fabric .combo.invalid > div.wrap > input[type=number], .bowtie-fabric.modal-dialog .combo.invalid > div.wrap > input[type=number], .modal-dialog .bowtie-fabric .combo.invalid > div.wrap > input[type=number] {
  background-color: transparent;
}

.bowtie .combo.invalid > div.wrap > input[type=date], .bowtie.modal-dialog .combo.invalid > div.wrap > input[type=date], .modal-dialog .bowtie .combo.invalid > div.wrap > input[type=date],
.bowtie-fabric .combo.invalid > div.wrap > input[type=date], .bowtie-fabric.modal-dialog .combo.invalid > div.wrap > input[type=date], .modal-dialog .bowtie-fabric .combo.invalid > div.wrap > input[type=date] {
  background-color: transparent;
}

.bowtie .combo.invalid > div.wrap > input[type=month], .bowtie.modal-dialog .combo.invalid > div.wrap > input[type=month], .modal-dialog .bowtie .combo.invalid > div.wrap > input[type=month],
.bowtie-fabric .combo.invalid > div.wrap > input[type=month], .bowtie-fabric.modal-dialog .combo.invalid > div.wrap > input[type=month], .modal-dialog .bowtie-fabric .combo.invalid > div.wrap > input[type=month] {
  background-color: transparent;
}

.bowtie .combo.invalid > div.wrap > input[type=week], .bowtie.modal-dialog .combo.invalid > div.wrap > input[type=week], .modal-dialog .bowtie .combo.invalid > div.wrap > input[type=week],
.bowtie-fabric .combo.invalid > div.wrap > input[type=week], .bowtie-fabric.modal-dialog .combo.invalid > div.wrap > input[type=week], .modal-dialog .bowtie-fabric .combo.invalid > div.wrap > input[type=week] {
  background-color: transparent;
}

.bowtie .combo.invalid > div.wrap > input[type=datetime-local], .bowtie.modal-dialog .combo.invalid > div.wrap > input[type=datetime-local], .modal-dialog .bowtie .combo.invalid > div.wrap > input[type=datetime-local],
.bowtie-fabric .combo.invalid > div.wrap > input[type=datetime-local], .bowtie-fabric.modal-dialog .combo.invalid > div.wrap > input[type=datetime-local], .modal-dialog .bowtie-fabric .combo.invalid > div.wrap > input[type=datetime-local] {
  background-color: transparent;
}

.bowtie .combo.invalid > div.wrap > input[type=color], .bowtie.modal-dialog .combo.invalid > div.wrap > input[type=color], .modal-dialog .bowtie .combo.invalid > div.wrap > input[type=color],
.bowtie-fabric .combo.invalid > div.wrap > input[type=color], .bowtie-fabric.modal-dialog .combo.invalid > div.wrap > input[type=color], .modal-dialog .bowtie-fabric .combo.invalid > div.wrap > input[type=color] {
  background-color: transparent;
}

.bowtie .combo.invalid > div.wrap > input[type=time], .bowtie.modal-dialog .combo.invalid > div.wrap > input[type=time], .modal-dialog .bowtie .combo.invalid > div.wrap > input[type=time],
.bowtie-fabric .combo.invalid > div.wrap > input[type=time], .bowtie-fabric.modal-dialog .combo.invalid > div.wrap > input[type=time], .modal-dialog .bowtie-fabric .combo.invalid > div.wrap > input[type=time] {
  background-color: transparent;
}

.bowtie .combo.invalid > div.wrap > input[type=password], .bowtie.modal-dialog .combo.invalid > div.wrap > input[type=password], .modal-dialog .bowtie .combo.invalid > div.wrap > input[type=password],
.bowtie-fabric .combo.invalid > div.wrap > input[type=password], .bowtie-fabric.modal-dialog .combo.invalid > div.wrap > input[type=password], .modal-dialog .bowtie-fabric .combo.invalid > div.wrap > input[type=password] {
  background-color: transparent;
}

.bowtie .combo.invalid > div.wrap > input:not([type]), .bowtie.modal-dialog .combo.invalid > div.wrap > input:not([type]), .modal-dialog .bowtie .combo.invalid > div.wrap > input:not([type]),
.bowtie-fabric .combo.invalid > div.wrap > input:not([type]), .bowtie-fabric.modal-dialog .combo.invalid > div.wrap > input:not([type]), .modal-dialog .bowtie-fabric .combo.invalid > div.wrap > input:not([type]) {
  background-color: transparent;
}

.bowtie label, .bowtie.modal-dialog label, .modal-dialog .bowtie label {
  overflow: hidden;
  display: block;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  margin-bottom: 6px;
  margin-top: 0;
}

.bowtie textarea, .bowtie.modal-dialog textarea, .modal-dialog .bowtie textarea {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  font: 14px "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  outline: 0;
  padding: 5px 8px;
  height: 68px;
  resize: vertical;
  width: 100%;
}

.bowtie textarea:hover, .bowtie.modal-dialog textarea:hover, .modal-dialog .bowtie textarea:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie textarea:active, .bowtie.modal-dialog textarea:active, .modal-dialog .bowtie textarea:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie textarea:focus, .bowtie textarea.focus, .bowtie.modal-dialog textarea:focus, .bowtie.modal-dialog textarea.focus, .modal-dialog .bowtie textarea:focus, .modal-dialog .bowtie textarea.focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie textarea ~ label, .bowtie.modal-dialog textarea ~ label, .modal-dialog .bowtie textarea ~ label {
  margin-top: 24px;
}

.bowtie textarea.invalid, .bowtie textarea:invalid, .bowtie.modal-dialog textarea.invalid, .bowtie.modal-dialog textarea:invalid, .modal-dialog .bowtie textarea.invalid, .modal-dialog .bowtie textarea:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie textarea.invalid:active, .bowtie textarea:invalid:active, .bowtie.modal-dialog textarea.invalid:active, .bowtie.modal-dialog textarea:invalid:active, .modal-dialog .bowtie textarea.invalid:active, .modal-dialog .bowtie textarea:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie textarea.invalid:focus, .bowtie textarea.invalid.focus, .bowtie textarea:invalid:focus, .bowtie textarea:invalid.focus, .bowtie.modal-dialog textarea.invalid:focus, .bowtie.modal-dialog textarea.invalid.focus, .bowtie.modal-dialog textarea:invalid:focus, .bowtie.modal-dialog textarea:invalid.focus, .modal-dialog .bowtie textarea.invalid:focus, .modal-dialog .bowtie textarea.invalid.focus, .modal-dialog .bowtie textarea:invalid:focus, .modal-dialog .bowtie textarea:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie textarea.required, .bowtie.modal-dialog textarea.required, .modal-dialog .bowtie textarea.required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie textarea.required:active, .bowtie.modal-dialog textarea.required:active, .modal-dialog .bowtie textarea.required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie textarea.required:focus, .bowtie.modal-dialog textarea.required:focus, .modal-dialog .bowtie textarea.required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie textarea:disabled, .bowtie textarea:disabled:hover, .bowtie textarea:disabled:focus, .bowtie textarea:disabled:active, .bowtie.modal-dialog textarea:disabled, .bowtie.modal-dialog textarea:disabled:hover, .bowtie.modal-dialog textarea:disabled:focus, .bowtie.modal-dialog textarea:disabled:active, .modal-dialog .bowtie textarea:disabled, .modal-dialog .bowtie textarea:disabled:hover, .modal-dialog .bowtie textarea:disabled:focus, .modal-dialog .bowtie textarea:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie textarea:disabled.read-only, .bowtie textarea:disabled:hover.read-only, .bowtie textarea:disabled:focus.read-only, .bowtie textarea:disabled:active.read-only, .bowtie.modal-dialog textarea:disabled.read-only, .bowtie.modal-dialog textarea:disabled:hover.read-only, .bowtie.modal-dialog textarea:disabled:focus.read-only, .bowtie.modal-dialog textarea:disabled:active.read-only, .modal-dialog .bowtie textarea:disabled.read-only, .modal-dialog .bowtie textarea:disabled:hover.read-only, .modal-dialog .bowtie textarea:disabled:focus.read-only, .modal-dialog .bowtie textarea:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie textarea:disabled::selection, .bowtie textarea:disabled:hover::selection, .bowtie textarea:disabled:focus::selection, .bowtie textarea:disabled:active::selection, .bowtie.modal-dialog textarea:disabled::selection, .bowtie.modal-dialog textarea:disabled:hover::selection, .bowtie.modal-dialog textarea:disabled:focus::selection, .bowtie.modal-dialog textarea:disabled:active::selection, .modal-dialog .bowtie textarea:disabled::selection, .modal-dialog .bowtie textarea:disabled:hover::selection, .modal-dialog .bowtie textarea:disabled:focus::selection, .modal-dialog .bowtie textarea:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie textarea::selection, .bowtie.modal-dialog textarea::selection, .modal-dialog .bowtie textarea::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie input, .bowtie.modal-dialog input, .modal-dialog .bowtie input {
  outline: 0;
  display: inline-block;
}

.bowtie input[type=checkbox], .bowtie input[type=radio], .bowtie.modal-dialog input[type=checkbox], .bowtie.modal-dialog input[type=radio], .modal-dialog .bowtie input[type=checkbox], .modal-dialog .bowtie input[type=radio] {
  float: left;
  margin-right: 12px;
  margin-top: 4px;
}

.bowtie input[type=checkbox] + label, .bowtie input[type=radio] + label, .bowtie.modal-dialog input[type=checkbox] + label, .bowtie.modal-dialog input[type=radio] + label, .modal-dialog .bowtie input[type=checkbox] + label, .modal-dialog .bowtie input[type=radio] + label {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  line-height: normal;
}

.bowtie input[type=checkbox]:focus, .bowtie input[type=checkbox].focus, .bowtie input[type=radio]:focus, .bowtie input[type=radio].focus, .bowtie.modal-dialog input[type=checkbox]:focus, .bowtie.modal-dialog input[type=checkbox].focus, .bowtie.modal-dialog input[type=radio]:focus, .bowtie.modal-dialog input[type=radio].focus, .modal-dialog .bowtie input[type=checkbox]:focus, .modal-dialog .bowtie input[type=checkbox].focus, .modal-dialog .bowtie input[type=radio]:focus, .modal-dialog .bowtie input[type=radio].focus {
  outline: 1px dotted rgba( 0, 0, 0 ,  1 );
  outline: 1px dotted rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.bowtie input[type=search], .bowtie.modal-dialog input[type=search], .modal-dialog .bowtie input[type=search] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie input[type=search]:hover, .bowtie.modal-dialog input[type=search]:hover, .modal-dialog .bowtie input[type=search]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=search]:active, .bowtie.modal-dialog input[type=search]:active, .modal-dialog .bowtie input[type=search]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=search]:focus, .bowtie input[type=search].focus, .bowtie.modal-dialog input[type=search]:focus, .bowtie.modal-dialog input[type=search].focus, .modal-dialog .bowtie input[type=search]:focus, .modal-dialog .bowtie input[type=search].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=search] ~ label, .bowtie.modal-dialog input[type=search] ~ label, .modal-dialog .bowtie input[type=search] ~ label {
  margin-top: 24px;
}

.bowtie input[type=search].invalid, .bowtie input[type=search]:invalid, .bowtie.modal-dialog input[type=search].invalid, .bowtie.modal-dialog input[type=search]:invalid, .modal-dialog .bowtie input[type=search].invalid, .modal-dialog .bowtie input[type=search]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie input[type=search].invalid:active, .bowtie input[type=search]:invalid:active, .bowtie.modal-dialog input[type=search].invalid:active, .bowtie.modal-dialog input[type=search]:invalid:active, .modal-dialog .bowtie input[type=search].invalid:active, .modal-dialog .bowtie input[type=search]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=search].invalid:focus, .bowtie input[type=search].invalid.focus, .bowtie input[type=search]:invalid:focus, .bowtie input[type=search]:invalid.focus, .bowtie.modal-dialog input[type=search].invalid:focus, .bowtie.modal-dialog input[type=search].invalid.focus, .bowtie.modal-dialog input[type=search]:invalid:focus, .bowtie.modal-dialog input[type=search]:invalid.focus, .modal-dialog .bowtie input[type=search].invalid:focus, .modal-dialog .bowtie input[type=search].invalid.focus, .modal-dialog .bowtie input[type=search]:invalid:focus, .modal-dialog .bowtie input[type=search]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=search].required, .bowtie.modal-dialog input[type=search].required, .modal-dialog .bowtie input[type=search].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie input[type=search].required:active, .bowtie.modal-dialog input[type=search].required:active, .modal-dialog .bowtie input[type=search].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=search].required:focus, .bowtie.modal-dialog input[type=search].required:focus, .modal-dialog .bowtie input[type=search].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=search]:disabled, .bowtie input[type=search]:disabled:hover, .bowtie input[type=search]:disabled:focus, .bowtie input[type=search]:disabled:active, .bowtie.modal-dialog input[type=search]:disabled, .bowtie.modal-dialog input[type=search]:disabled:hover, .bowtie.modal-dialog input[type=search]:disabled:focus, .bowtie.modal-dialog input[type=search]:disabled:active, .modal-dialog .bowtie input[type=search]:disabled, .modal-dialog .bowtie input[type=search]:disabled:hover, .modal-dialog .bowtie input[type=search]:disabled:focus, .modal-dialog .bowtie input[type=search]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=search]:disabled.read-only, .bowtie input[type=search]:disabled:hover.read-only, .bowtie input[type=search]:disabled:focus.read-only, .bowtie input[type=search]:disabled:active.read-only, .bowtie.modal-dialog input[type=search]:disabled.read-only, .bowtie.modal-dialog input[type=search]:disabled:hover.read-only, .bowtie.modal-dialog input[type=search]:disabled:focus.read-only, .bowtie.modal-dialog input[type=search]:disabled:active.read-only, .modal-dialog .bowtie input[type=search]:disabled.read-only, .modal-dialog .bowtie input[type=search]:disabled:hover.read-only, .modal-dialog .bowtie input[type=search]:disabled:focus.read-only, .modal-dialog .bowtie input[type=search]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=search]:disabled::selection, .bowtie input[type=search]:disabled:hover::selection, .bowtie input[type=search]:disabled:focus::selection, .bowtie input[type=search]:disabled:active::selection, .bowtie.modal-dialog input[type=search]:disabled::selection, .bowtie.modal-dialog input[type=search]:disabled:hover::selection, .bowtie.modal-dialog input[type=search]:disabled:focus::selection, .bowtie.modal-dialog input[type=search]:disabled:active::selection, .modal-dialog .bowtie input[type=search]:disabled::selection, .modal-dialog .bowtie input[type=search]:disabled:hover::selection, .modal-dialog .bowtie input[type=search]:disabled:focus::selection, .modal-dialog .bowtie input[type=search]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=search]::selection, .bowtie.modal-dialog input[type=search]::selection, .modal-dialog .bowtie input[type=search]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie input[type=email], .bowtie.modal-dialog input[type=email], .modal-dialog .bowtie input[type=email] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie input[type=email]:hover, .bowtie.modal-dialog input[type=email]:hover, .modal-dialog .bowtie input[type=email]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=email]:active, .bowtie.modal-dialog input[type=email]:active, .modal-dialog .bowtie input[type=email]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=email]:focus, .bowtie input[type=email].focus, .bowtie.modal-dialog input[type=email]:focus, .bowtie.modal-dialog input[type=email].focus, .modal-dialog .bowtie input[type=email]:focus, .modal-dialog .bowtie input[type=email].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=email] ~ label, .bowtie.modal-dialog input[type=email] ~ label, .modal-dialog .bowtie input[type=email] ~ label {
  margin-top: 24px;
}

.bowtie input[type=email].invalid, .bowtie input[type=email]:invalid, .bowtie.modal-dialog input[type=email].invalid, .bowtie.modal-dialog input[type=email]:invalid, .modal-dialog .bowtie input[type=email].invalid, .modal-dialog .bowtie input[type=email]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie input[type=email].invalid:active, .bowtie input[type=email]:invalid:active, .bowtie.modal-dialog input[type=email].invalid:active, .bowtie.modal-dialog input[type=email]:invalid:active, .modal-dialog .bowtie input[type=email].invalid:active, .modal-dialog .bowtie input[type=email]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=email].invalid:focus, .bowtie input[type=email].invalid.focus, .bowtie input[type=email]:invalid:focus, .bowtie input[type=email]:invalid.focus, .bowtie.modal-dialog input[type=email].invalid:focus, .bowtie.modal-dialog input[type=email].invalid.focus, .bowtie.modal-dialog input[type=email]:invalid:focus, .bowtie.modal-dialog input[type=email]:invalid.focus, .modal-dialog .bowtie input[type=email].invalid:focus, .modal-dialog .bowtie input[type=email].invalid.focus, .modal-dialog .bowtie input[type=email]:invalid:focus, .modal-dialog .bowtie input[type=email]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=email].required, .bowtie.modal-dialog input[type=email].required, .modal-dialog .bowtie input[type=email].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie input[type=email].required:active, .bowtie.modal-dialog input[type=email].required:active, .modal-dialog .bowtie input[type=email].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=email].required:focus, .bowtie.modal-dialog input[type=email].required:focus, .modal-dialog .bowtie input[type=email].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=email]:disabled, .bowtie input[type=email]:disabled:hover, .bowtie input[type=email]:disabled:focus, .bowtie input[type=email]:disabled:active, .bowtie.modal-dialog input[type=email]:disabled, .bowtie.modal-dialog input[type=email]:disabled:hover, .bowtie.modal-dialog input[type=email]:disabled:focus, .bowtie.modal-dialog input[type=email]:disabled:active, .modal-dialog .bowtie input[type=email]:disabled, .modal-dialog .bowtie input[type=email]:disabled:hover, .modal-dialog .bowtie input[type=email]:disabled:focus, .modal-dialog .bowtie input[type=email]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=email]:disabled.read-only, .bowtie input[type=email]:disabled:hover.read-only, .bowtie input[type=email]:disabled:focus.read-only, .bowtie input[type=email]:disabled:active.read-only, .bowtie.modal-dialog input[type=email]:disabled.read-only, .bowtie.modal-dialog input[type=email]:disabled:hover.read-only, .bowtie.modal-dialog input[type=email]:disabled:focus.read-only, .bowtie.modal-dialog input[type=email]:disabled:active.read-only, .modal-dialog .bowtie input[type=email]:disabled.read-only, .modal-dialog .bowtie input[type=email]:disabled:hover.read-only, .modal-dialog .bowtie input[type=email]:disabled:focus.read-only, .modal-dialog .bowtie input[type=email]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=email]:disabled::selection, .bowtie input[type=email]:disabled:hover::selection, .bowtie input[type=email]:disabled:focus::selection, .bowtie input[type=email]:disabled:active::selection, .bowtie.modal-dialog input[type=email]:disabled::selection, .bowtie.modal-dialog input[type=email]:disabled:hover::selection, .bowtie.modal-dialog input[type=email]:disabled:focus::selection, .bowtie.modal-dialog input[type=email]:disabled:active::selection, .modal-dialog .bowtie input[type=email]:disabled::selection, .modal-dialog .bowtie input[type=email]:disabled:hover::selection, .modal-dialog .bowtie input[type=email]:disabled:focus::selection, .modal-dialog .bowtie input[type=email]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=email]::selection, .bowtie.modal-dialog input[type=email]::selection, .modal-dialog .bowtie input[type=email]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie input[type=url], .bowtie.modal-dialog input[type=url], .modal-dialog .bowtie input[type=url] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie input[type=url]:hover, .bowtie.modal-dialog input[type=url]:hover, .modal-dialog .bowtie input[type=url]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=url]:active, .bowtie.modal-dialog input[type=url]:active, .modal-dialog .bowtie input[type=url]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=url]:focus, .bowtie input[type=url].focus, .bowtie.modal-dialog input[type=url]:focus, .bowtie.modal-dialog input[type=url].focus, .modal-dialog .bowtie input[type=url]:focus, .modal-dialog .bowtie input[type=url].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=url] ~ label, .bowtie.modal-dialog input[type=url] ~ label, .modal-dialog .bowtie input[type=url] ~ label {
  margin-top: 24px;
}

.bowtie input[type=url].invalid, .bowtie input[type=url]:invalid, .bowtie.modal-dialog input[type=url].invalid, .bowtie.modal-dialog input[type=url]:invalid, .modal-dialog .bowtie input[type=url].invalid, .modal-dialog .bowtie input[type=url]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie input[type=url].invalid:active, .bowtie input[type=url]:invalid:active, .bowtie.modal-dialog input[type=url].invalid:active, .bowtie.modal-dialog input[type=url]:invalid:active, .modal-dialog .bowtie input[type=url].invalid:active, .modal-dialog .bowtie input[type=url]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=url].invalid:focus, .bowtie input[type=url].invalid.focus, .bowtie input[type=url]:invalid:focus, .bowtie input[type=url]:invalid.focus, .bowtie.modal-dialog input[type=url].invalid:focus, .bowtie.modal-dialog input[type=url].invalid.focus, .bowtie.modal-dialog input[type=url]:invalid:focus, .bowtie.modal-dialog input[type=url]:invalid.focus, .modal-dialog .bowtie input[type=url].invalid:focus, .modal-dialog .bowtie input[type=url].invalid.focus, .modal-dialog .bowtie input[type=url]:invalid:focus, .modal-dialog .bowtie input[type=url]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=url].required, .bowtie.modal-dialog input[type=url].required, .modal-dialog .bowtie input[type=url].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie input[type=url].required:active, .bowtie.modal-dialog input[type=url].required:active, .modal-dialog .bowtie input[type=url].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=url].required:focus, .bowtie.modal-dialog input[type=url].required:focus, .modal-dialog .bowtie input[type=url].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=url]:disabled, .bowtie input[type=url]:disabled:hover, .bowtie input[type=url]:disabled:focus, .bowtie input[type=url]:disabled:active, .bowtie.modal-dialog input[type=url]:disabled, .bowtie.modal-dialog input[type=url]:disabled:hover, .bowtie.modal-dialog input[type=url]:disabled:focus, .bowtie.modal-dialog input[type=url]:disabled:active, .modal-dialog .bowtie input[type=url]:disabled, .modal-dialog .bowtie input[type=url]:disabled:hover, .modal-dialog .bowtie input[type=url]:disabled:focus, .modal-dialog .bowtie input[type=url]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=url]:disabled.read-only, .bowtie input[type=url]:disabled:hover.read-only, .bowtie input[type=url]:disabled:focus.read-only, .bowtie input[type=url]:disabled:active.read-only, .bowtie.modal-dialog input[type=url]:disabled.read-only, .bowtie.modal-dialog input[type=url]:disabled:hover.read-only, .bowtie.modal-dialog input[type=url]:disabled:focus.read-only, .bowtie.modal-dialog input[type=url]:disabled:active.read-only, .modal-dialog .bowtie input[type=url]:disabled.read-only, .modal-dialog .bowtie input[type=url]:disabled:hover.read-only, .modal-dialog .bowtie input[type=url]:disabled:focus.read-only, .modal-dialog .bowtie input[type=url]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=url]:disabled::selection, .bowtie input[type=url]:disabled:hover::selection, .bowtie input[type=url]:disabled:focus::selection, .bowtie input[type=url]:disabled:active::selection, .bowtie.modal-dialog input[type=url]:disabled::selection, .bowtie.modal-dialog input[type=url]:disabled:hover::selection, .bowtie.modal-dialog input[type=url]:disabled:focus::selection, .bowtie.modal-dialog input[type=url]:disabled:active::selection, .modal-dialog .bowtie input[type=url]:disabled::selection, .modal-dialog .bowtie input[type=url]:disabled:hover::selection, .modal-dialog .bowtie input[type=url]:disabled:focus::selection, .modal-dialog .bowtie input[type=url]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=url]::selection, .bowtie.modal-dialog input[type=url]::selection, .modal-dialog .bowtie input[type=url]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie input[type=text], .bowtie.modal-dialog input[type=text], .modal-dialog .bowtie input[type=text] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie input[type=text]:hover, .bowtie.modal-dialog input[type=text]:hover, .modal-dialog .bowtie input[type=text]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=text]:active, .bowtie.modal-dialog input[type=text]:active, .modal-dialog .bowtie input[type=text]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=text]:focus, .bowtie input[type=text].focus, .bowtie.modal-dialog input[type=text]:focus, .bowtie.modal-dialog input[type=text].focus, .modal-dialog .bowtie input[type=text]:focus, .modal-dialog .bowtie input[type=text].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=text] ~ label, .bowtie.modal-dialog input[type=text] ~ label, .modal-dialog .bowtie input[type=text] ~ label {
  margin-top: 24px;
}

.bowtie input[type=text].invalid, .bowtie input[type=text]:invalid, .bowtie.modal-dialog input[type=text].invalid, .bowtie.modal-dialog input[type=text]:invalid, .modal-dialog .bowtie input[type=text].invalid, .modal-dialog .bowtie input[type=text]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie input[type=text].invalid:active, .bowtie input[type=text]:invalid:active, .bowtie.modal-dialog input[type=text].invalid:active, .bowtie.modal-dialog input[type=text]:invalid:active, .modal-dialog .bowtie input[type=text].invalid:active, .modal-dialog .bowtie input[type=text]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=text].invalid:focus, .bowtie input[type=text].invalid.focus, .bowtie input[type=text]:invalid:focus, .bowtie input[type=text]:invalid.focus, .bowtie.modal-dialog input[type=text].invalid:focus, .bowtie.modal-dialog input[type=text].invalid.focus, .bowtie.modal-dialog input[type=text]:invalid:focus, .bowtie.modal-dialog input[type=text]:invalid.focus, .modal-dialog .bowtie input[type=text].invalid:focus, .modal-dialog .bowtie input[type=text].invalid.focus, .modal-dialog .bowtie input[type=text]:invalid:focus, .modal-dialog .bowtie input[type=text]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=text].required, .bowtie.modal-dialog input[type=text].required, .modal-dialog .bowtie input[type=text].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie input[type=text].required:active, .bowtie.modal-dialog input[type=text].required:active, .modal-dialog .bowtie input[type=text].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=text].required:focus, .bowtie.modal-dialog input[type=text].required:focus, .modal-dialog .bowtie input[type=text].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=text]:disabled, .bowtie input[type=text]:disabled:hover, .bowtie input[type=text]:disabled:focus, .bowtie input[type=text]:disabled:active, .bowtie.modal-dialog input[type=text]:disabled, .bowtie.modal-dialog input[type=text]:disabled:hover, .bowtie.modal-dialog input[type=text]:disabled:focus, .bowtie.modal-dialog input[type=text]:disabled:active, .modal-dialog .bowtie input[type=text]:disabled, .modal-dialog .bowtie input[type=text]:disabled:hover, .modal-dialog .bowtie input[type=text]:disabled:focus, .modal-dialog .bowtie input[type=text]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=text]:disabled.read-only, .bowtie input[type=text]:disabled:hover.read-only, .bowtie input[type=text]:disabled:focus.read-only, .bowtie input[type=text]:disabled:active.read-only, .bowtie.modal-dialog input[type=text]:disabled.read-only, .bowtie.modal-dialog input[type=text]:disabled:hover.read-only, .bowtie.modal-dialog input[type=text]:disabled:focus.read-only, .bowtie.modal-dialog input[type=text]:disabled:active.read-only, .modal-dialog .bowtie input[type=text]:disabled.read-only, .modal-dialog .bowtie input[type=text]:disabled:hover.read-only, .modal-dialog .bowtie input[type=text]:disabled:focus.read-only, .modal-dialog .bowtie input[type=text]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=text]:disabled::selection, .bowtie input[type=text]:disabled:hover::selection, .bowtie input[type=text]:disabled:focus::selection, .bowtie input[type=text]:disabled:active::selection, .bowtie.modal-dialog input[type=text]:disabled::selection, .bowtie.modal-dialog input[type=text]:disabled:hover::selection, .bowtie.modal-dialog input[type=text]:disabled:focus::selection, .bowtie.modal-dialog input[type=text]:disabled:active::selection, .modal-dialog .bowtie input[type=text]:disabled::selection, .modal-dialog .bowtie input[type=text]:disabled:hover::selection, .modal-dialog .bowtie input[type=text]:disabled:focus::selection, .modal-dialog .bowtie input[type=text]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=text]::selection, .bowtie.modal-dialog input[type=text]::selection, .modal-dialog .bowtie input[type=text]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie input[type=tel], .bowtie.modal-dialog input[type=tel], .modal-dialog .bowtie input[type=tel] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie input[type=tel]:hover, .bowtie.modal-dialog input[type=tel]:hover, .modal-dialog .bowtie input[type=tel]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=tel]:active, .bowtie.modal-dialog input[type=tel]:active, .modal-dialog .bowtie input[type=tel]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=tel]:focus, .bowtie input[type=tel].focus, .bowtie.modal-dialog input[type=tel]:focus, .bowtie.modal-dialog input[type=tel].focus, .modal-dialog .bowtie input[type=tel]:focus, .modal-dialog .bowtie input[type=tel].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=tel] ~ label, .bowtie.modal-dialog input[type=tel] ~ label, .modal-dialog .bowtie input[type=tel] ~ label {
  margin-top: 24px;
}

.bowtie input[type=tel].invalid, .bowtie input[type=tel]:invalid, .bowtie.modal-dialog input[type=tel].invalid, .bowtie.modal-dialog input[type=tel]:invalid, .modal-dialog .bowtie input[type=tel].invalid, .modal-dialog .bowtie input[type=tel]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie input[type=tel].invalid:active, .bowtie input[type=tel]:invalid:active, .bowtie.modal-dialog input[type=tel].invalid:active, .bowtie.modal-dialog input[type=tel]:invalid:active, .modal-dialog .bowtie input[type=tel].invalid:active, .modal-dialog .bowtie input[type=tel]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=tel].invalid:focus, .bowtie input[type=tel].invalid.focus, .bowtie input[type=tel]:invalid:focus, .bowtie input[type=tel]:invalid.focus, .bowtie.modal-dialog input[type=tel].invalid:focus, .bowtie.modal-dialog input[type=tel].invalid.focus, .bowtie.modal-dialog input[type=tel]:invalid:focus, .bowtie.modal-dialog input[type=tel]:invalid.focus, .modal-dialog .bowtie input[type=tel].invalid:focus, .modal-dialog .bowtie input[type=tel].invalid.focus, .modal-dialog .bowtie input[type=tel]:invalid:focus, .modal-dialog .bowtie input[type=tel]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=tel].required, .bowtie.modal-dialog input[type=tel].required, .modal-dialog .bowtie input[type=tel].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie input[type=tel].required:active, .bowtie.modal-dialog input[type=tel].required:active, .modal-dialog .bowtie input[type=tel].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=tel].required:focus, .bowtie.modal-dialog input[type=tel].required:focus, .modal-dialog .bowtie input[type=tel].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=tel]:disabled, .bowtie input[type=tel]:disabled:hover, .bowtie input[type=tel]:disabled:focus, .bowtie input[type=tel]:disabled:active, .bowtie.modal-dialog input[type=tel]:disabled, .bowtie.modal-dialog input[type=tel]:disabled:hover, .bowtie.modal-dialog input[type=tel]:disabled:focus, .bowtie.modal-dialog input[type=tel]:disabled:active, .modal-dialog .bowtie input[type=tel]:disabled, .modal-dialog .bowtie input[type=tel]:disabled:hover, .modal-dialog .bowtie input[type=tel]:disabled:focus, .modal-dialog .bowtie input[type=tel]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=tel]:disabled.read-only, .bowtie input[type=tel]:disabled:hover.read-only, .bowtie input[type=tel]:disabled:focus.read-only, .bowtie input[type=tel]:disabled:active.read-only, .bowtie.modal-dialog input[type=tel]:disabled.read-only, .bowtie.modal-dialog input[type=tel]:disabled:hover.read-only, .bowtie.modal-dialog input[type=tel]:disabled:focus.read-only, .bowtie.modal-dialog input[type=tel]:disabled:active.read-only, .modal-dialog .bowtie input[type=tel]:disabled.read-only, .modal-dialog .bowtie input[type=tel]:disabled:hover.read-only, .modal-dialog .bowtie input[type=tel]:disabled:focus.read-only, .modal-dialog .bowtie input[type=tel]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=tel]:disabled::selection, .bowtie input[type=tel]:disabled:hover::selection, .bowtie input[type=tel]:disabled:focus::selection, .bowtie input[type=tel]:disabled:active::selection, .bowtie.modal-dialog input[type=tel]:disabled::selection, .bowtie.modal-dialog input[type=tel]:disabled:hover::selection, .bowtie.modal-dialog input[type=tel]:disabled:focus::selection, .bowtie.modal-dialog input[type=tel]:disabled:active::selection, .modal-dialog .bowtie input[type=tel]:disabled::selection, .modal-dialog .bowtie input[type=tel]:disabled:hover::selection, .modal-dialog .bowtie input[type=tel]:disabled:focus::selection, .modal-dialog .bowtie input[type=tel]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=tel]::selection, .bowtie.modal-dialog input[type=tel]::selection, .modal-dialog .bowtie input[type=tel]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie input[type=number], .bowtie.modal-dialog input[type=number], .modal-dialog .bowtie input[type=number] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie input[type=number]:hover, .bowtie.modal-dialog input[type=number]:hover, .modal-dialog .bowtie input[type=number]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=number]:active, .bowtie.modal-dialog input[type=number]:active, .modal-dialog .bowtie input[type=number]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=number]:focus, .bowtie input[type=number].focus, .bowtie.modal-dialog input[type=number]:focus, .bowtie.modal-dialog input[type=number].focus, .modal-dialog .bowtie input[type=number]:focus, .modal-dialog .bowtie input[type=number].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=number] ~ label, .bowtie.modal-dialog input[type=number] ~ label, .modal-dialog .bowtie input[type=number] ~ label {
  margin-top: 24px;
}

.bowtie input[type=number].invalid, .bowtie input[type=number]:invalid, .bowtie.modal-dialog input[type=number].invalid, .bowtie.modal-dialog input[type=number]:invalid, .modal-dialog .bowtie input[type=number].invalid, .modal-dialog .bowtie input[type=number]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie input[type=number].invalid:active, .bowtie input[type=number]:invalid:active, .bowtie.modal-dialog input[type=number].invalid:active, .bowtie.modal-dialog input[type=number]:invalid:active, .modal-dialog .bowtie input[type=number].invalid:active, .modal-dialog .bowtie input[type=number]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=number].invalid:focus, .bowtie input[type=number].invalid.focus, .bowtie input[type=number]:invalid:focus, .bowtie input[type=number]:invalid.focus, .bowtie.modal-dialog input[type=number].invalid:focus, .bowtie.modal-dialog input[type=number].invalid.focus, .bowtie.modal-dialog input[type=number]:invalid:focus, .bowtie.modal-dialog input[type=number]:invalid.focus, .modal-dialog .bowtie input[type=number].invalid:focus, .modal-dialog .bowtie input[type=number].invalid.focus, .modal-dialog .bowtie input[type=number]:invalid:focus, .modal-dialog .bowtie input[type=number]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=number].required, .bowtie.modal-dialog input[type=number].required, .modal-dialog .bowtie input[type=number].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie input[type=number].required:active, .bowtie.modal-dialog input[type=number].required:active, .modal-dialog .bowtie input[type=number].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=number].required:focus, .bowtie.modal-dialog input[type=number].required:focus, .modal-dialog .bowtie input[type=number].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=number]:disabled, .bowtie input[type=number]:disabled:hover, .bowtie input[type=number]:disabled:focus, .bowtie input[type=number]:disabled:active, .bowtie.modal-dialog input[type=number]:disabled, .bowtie.modal-dialog input[type=number]:disabled:hover, .bowtie.modal-dialog input[type=number]:disabled:focus, .bowtie.modal-dialog input[type=number]:disabled:active, .modal-dialog .bowtie input[type=number]:disabled, .modal-dialog .bowtie input[type=number]:disabled:hover, .modal-dialog .bowtie input[type=number]:disabled:focus, .modal-dialog .bowtie input[type=number]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=number]:disabled.read-only, .bowtie input[type=number]:disabled:hover.read-only, .bowtie input[type=number]:disabled:focus.read-only, .bowtie input[type=number]:disabled:active.read-only, .bowtie.modal-dialog input[type=number]:disabled.read-only, .bowtie.modal-dialog input[type=number]:disabled:hover.read-only, .bowtie.modal-dialog input[type=number]:disabled:focus.read-only, .bowtie.modal-dialog input[type=number]:disabled:active.read-only, .modal-dialog .bowtie input[type=number]:disabled.read-only, .modal-dialog .bowtie input[type=number]:disabled:hover.read-only, .modal-dialog .bowtie input[type=number]:disabled:focus.read-only, .modal-dialog .bowtie input[type=number]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=number]:disabled::selection, .bowtie input[type=number]:disabled:hover::selection, .bowtie input[type=number]:disabled:focus::selection, .bowtie input[type=number]:disabled:active::selection, .bowtie.modal-dialog input[type=number]:disabled::selection, .bowtie.modal-dialog input[type=number]:disabled:hover::selection, .bowtie.modal-dialog input[type=number]:disabled:focus::selection, .bowtie.modal-dialog input[type=number]:disabled:active::selection, .modal-dialog .bowtie input[type=number]:disabled::selection, .modal-dialog .bowtie input[type=number]:disabled:hover::selection, .modal-dialog .bowtie input[type=number]:disabled:focus::selection, .modal-dialog .bowtie input[type=number]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=number]::selection, .bowtie.modal-dialog input[type=number]::selection, .modal-dialog .bowtie input[type=number]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie input[type=date], .bowtie.modal-dialog input[type=date], .modal-dialog .bowtie input[type=date] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie input[type=date]:hover, .bowtie.modal-dialog input[type=date]:hover, .modal-dialog .bowtie input[type=date]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=date]:active, .bowtie.modal-dialog input[type=date]:active, .modal-dialog .bowtie input[type=date]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=date]:focus, .bowtie input[type=date].focus, .bowtie.modal-dialog input[type=date]:focus, .bowtie.modal-dialog input[type=date].focus, .modal-dialog .bowtie input[type=date]:focus, .modal-dialog .bowtie input[type=date].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=date] ~ label, .bowtie.modal-dialog input[type=date] ~ label, .modal-dialog .bowtie input[type=date] ~ label {
  margin-top: 24px;
}

.bowtie input[type=date].invalid, .bowtie input[type=date]:invalid, .bowtie.modal-dialog input[type=date].invalid, .bowtie.modal-dialog input[type=date]:invalid, .modal-dialog .bowtie input[type=date].invalid, .modal-dialog .bowtie input[type=date]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie input[type=date].invalid:active, .bowtie input[type=date]:invalid:active, .bowtie.modal-dialog input[type=date].invalid:active, .bowtie.modal-dialog input[type=date]:invalid:active, .modal-dialog .bowtie input[type=date].invalid:active, .modal-dialog .bowtie input[type=date]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=date].invalid:focus, .bowtie input[type=date].invalid.focus, .bowtie input[type=date]:invalid:focus, .bowtie input[type=date]:invalid.focus, .bowtie.modal-dialog input[type=date].invalid:focus, .bowtie.modal-dialog input[type=date].invalid.focus, .bowtie.modal-dialog input[type=date]:invalid:focus, .bowtie.modal-dialog input[type=date]:invalid.focus, .modal-dialog .bowtie input[type=date].invalid:focus, .modal-dialog .bowtie input[type=date].invalid.focus, .modal-dialog .bowtie input[type=date]:invalid:focus, .modal-dialog .bowtie input[type=date]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=date].required, .bowtie.modal-dialog input[type=date].required, .modal-dialog .bowtie input[type=date].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie input[type=date].required:active, .bowtie.modal-dialog input[type=date].required:active, .modal-dialog .bowtie input[type=date].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=date].required:focus, .bowtie.modal-dialog input[type=date].required:focus, .modal-dialog .bowtie input[type=date].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=date]:disabled, .bowtie input[type=date]:disabled:hover, .bowtie input[type=date]:disabled:focus, .bowtie input[type=date]:disabled:active, .bowtie.modal-dialog input[type=date]:disabled, .bowtie.modal-dialog input[type=date]:disabled:hover, .bowtie.modal-dialog input[type=date]:disabled:focus, .bowtie.modal-dialog input[type=date]:disabled:active, .modal-dialog .bowtie input[type=date]:disabled, .modal-dialog .bowtie input[type=date]:disabled:hover, .modal-dialog .bowtie input[type=date]:disabled:focus, .modal-dialog .bowtie input[type=date]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=date]:disabled.read-only, .bowtie input[type=date]:disabled:hover.read-only, .bowtie input[type=date]:disabled:focus.read-only, .bowtie input[type=date]:disabled:active.read-only, .bowtie.modal-dialog input[type=date]:disabled.read-only, .bowtie.modal-dialog input[type=date]:disabled:hover.read-only, .bowtie.modal-dialog input[type=date]:disabled:focus.read-only, .bowtie.modal-dialog input[type=date]:disabled:active.read-only, .modal-dialog .bowtie input[type=date]:disabled.read-only, .modal-dialog .bowtie input[type=date]:disabled:hover.read-only, .modal-dialog .bowtie input[type=date]:disabled:focus.read-only, .modal-dialog .bowtie input[type=date]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=date]:disabled::selection, .bowtie input[type=date]:disabled:hover::selection, .bowtie input[type=date]:disabled:focus::selection, .bowtie input[type=date]:disabled:active::selection, .bowtie.modal-dialog input[type=date]:disabled::selection, .bowtie.modal-dialog input[type=date]:disabled:hover::selection, .bowtie.modal-dialog input[type=date]:disabled:focus::selection, .bowtie.modal-dialog input[type=date]:disabled:active::selection, .modal-dialog .bowtie input[type=date]:disabled::selection, .modal-dialog .bowtie input[type=date]:disabled:hover::selection, .modal-dialog .bowtie input[type=date]:disabled:focus::selection, .modal-dialog .bowtie input[type=date]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=date]::selection, .bowtie.modal-dialog input[type=date]::selection, .modal-dialog .bowtie input[type=date]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie input[type=month], .bowtie.modal-dialog input[type=month], .modal-dialog .bowtie input[type=month] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie input[type=month]:hover, .bowtie.modal-dialog input[type=month]:hover, .modal-dialog .bowtie input[type=month]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=month]:active, .bowtie.modal-dialog input[type=month]:active, .modal-dialog .bowtie input[type=month]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=month]:focus, .bowtie input[type=month].focus, .bowtie.modal-dialog input[type=month]:focus, .bowtie.modal-dialog input[type=month].focus, .modal-dialog .bowtie input[type=month]:focus, .modal-dialog .bowtie input[type=month].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=month] ~ label, .bowtie.modal-dialog input[type=month] ~ label, .modal-dialog .bowtie input[type=month] ~ label {
  margin-top: 24px;
}

.bowtie input[type=month].invalid, .bowtie input[type=month]:invalid, .bowtie.modal-dialog input[type=month].invalid, .bowtie.modal-dialog input[type=month]:invalid, .modal-dialog .bowtie input[type=month].invalid, .modal-dialog .bowtie input[type=month]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie input[type=month].invalid:active, .bowtie input[type=month]:invalid:active, .bowtie.modal-dialog input[type=month].invalid:active, .bowtie.modal-dialog input[type=month]:invalid:active, .modal-dialog .bowtie input[type=month].invalid:active, .modal-dialog .bowtie input[type=month]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=month].invalid:focus, .bowtie input[type=month].invalid.focus, .bowtie input[type=month]:invalid:focus, .bowtie input[type=month]:invalid.focus, .bowtie.modal-dialog input[type=month].invalid:focus, .bowtie.modal-dialog input[type=month].invalid.focus, .bowtie.modal-dialog input[type=month]:invalid:focus, .bowtie.modal-dialog input[type=month]:invalid.focus, .modal-dialog .bowtie input[type=month].invalid:focus, .modal-dialog .bowtie input[type=month].invalid.focus, .modal-dialog .bowtie input[type=month]:invalid:focus, .modal-dialog .bowtie input[type=month]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=month].required, .bowtie.modal-dialog input[type=month].required, .modal-dialog .bowtie input[type=month].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie input[type=month].required:active, .bowtie.modal-dialog input[type=month].required:active, .modal-dialog .bowtie input[type=month].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=month].required:focus, .bowtie.modal-dialog input[type=month].required:focus, .modal-dialog .bowtie input[type=month].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=month]:disabled, .bowtie input[type=month]:disabled:hover, .bowtie input[type=month]:disabled:focus, .bowtie input[type=month]:disabled:active, .bowtie.modal-dialog input[type=month]:disabled, .bowtie.modal-dialog input[type=month]:disabled:hover, .bowtie.modal-dialog input[type=month]:disabled:focus, .bowtie.modal-dialog input[type=month]:disabled:active, .modal-dialog .bowtie input[type=month]:disabled, .modal-dialog .bowtie input[type=month]:disabled:hover, .modal-dialog .bowtie input[type=month]:disabled:focus, .modal-dialog .bowtie input[type=month]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=month]:disabled.read-only, .bowtie input[type=month]:disabled:hover.read-only, .bowtie input[type=month]:disabled:focus.read-only, .bowtie input[type=month]:disabled:active.read-only, .bowtie.modal-dialog input[type=month]:disabled.read-only, .bowtie.modal-dialog input[type=month]:disabled:hover.read-only, .bowtie.modal-dialog input[type=month]:disabled:focus.read-only, .bowtie.modal-dialog input[type=month]:disabled:active.read-only, .modal-dialog .bowtie input[type=month]:disabled.read-only, .modal-dialog .bowtie input[type=month]:disabled:hover.read-only, .modal-dialog .bowtie input[type=month]:disabled:focus.read-only, .modal-dialog .bowtie input[type=month]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=month]:disabled::selection, .bowtie input[type=month]:disabled:hover::selection, .bowtie input[type=month]:disabled:focus::selection, .bowtie input[type=month]:disabled:active::selection, .bowtie.modal-dialog input[type=month]:disabled::selection, .bowtie.modal-dialog input[type=month]:disabled:hover::selection, .bowtie.modal-dialog input[type=month]:disabled:focus::selection, .bowtie.modal-dialog input[type=month]:disabled:active::selection, .modal-dialog .bowtie input[type=month]:disabled::selection, .modal-dialog .bowtie input[type=month]:disabled:hover::selection, .modal-dialog .bowtie input[type=month]:disabled:focus::selection, .modal-dialog .bowtie input[type=month]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=month]::selection, .bowtie.modal-dialog input[type=month]::selection, .modal-dialog .bowtie input[type=month]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie input[type=week], .bowtie.modal-dialog input[type=week], .modal-dialog .bowtie input[type=week] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie input[type=week]:hover, .bowtie.modal-dialog input[type=week]:hover, .modal-dialog .bowtie input[type=week]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=week]:active, .bowtie.modal-dialog input[type=week]:active, .modal-dialog .bowtie input[type=week]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=week]:focus, .bowtie input[type=week].focus, .bowtie.modal-dialog input[type=week]:focus, .bowtie.modal-dialog input[type=week].focus, .modal-dialog .bowtie input[type=week]:focus, .modal-dialog .bowtie input[type=week].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=week] ~ label, .bowtie.modal-dialog input[type=week] ~ label, .modal-dialog .bowtie input[type=week] ~ label {
  margin-top: 24px;
}

.bowtie input[type=week].invalid, .bowtie input[type=week]:invalid, .bowtie.modal-dialog input[type=week].invalid, .bowtie.modal-dialog input[type=week]:invalid, .modal-dialog .bowtie input[type=week].invalid, .modal-dialog .bowtie input[type=week]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie input[type=week].invalid:active, .bowtie input[type=week]:invalid:active, .bowtie.modal-dialog input[type=week].invalid:active, .bowtie.modal-dialog input[type=week]:invalid:active, .modal-dialog .bowtie input[type=week].invalid:active, .modal-dialog .bowtie input[type=week]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=week].invalid:focus, .bowtie input[type=week].invalid.focus, .bowtie input[type=week]:invalid:focus, .bowtie input[type=week]:invalid.focus, .bowtie.modal-dialog input[type=week].invalid:focus, .bowtie.modal-dialog input[type=week].invalid.focus, .bowtie.modal-dialog input[type=week]:invalid:focus, .bowtie.modal-dialog input[type=week]:invalid.focus, .modal-dialog .bowtie input[type=week].invalid:focus, .modal-dialog .bowtie input[type=week].invalid.focus, .modal-dialog .bowtie input[type=week]:invalid:focus, .modal-dialog .bowtie input[type=week]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=week].required, .bowtie.modal-dialog input[type=week].required, .modal-dialog .bowtie input[type=week].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie input[type=week].required:active, .bowtie.modal-dialog input[type=week].required:active, .modal-dialog .bowtie input[type=week].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=week].required:focus, .bowtie.modal-dialog input[type=week].required:focus, .modal-dialog .bowtie input[type=week].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=week]:disabled, .bowtie input[type=week]:disabled:hover, .bowtie input[type=week]:disabled:focus, .bowtie input[type=week]:disabled:active, .bowtie.modal-dialog input[type=week]:disabled, .bowtie.modal-dialog input[type=week]:disabled:hover, .bowtie.modal-dialog input[type=week]:disabled:focus, .bowtie.modal-dialog input[type=week]:disabled:active, .modal-dialog .bowtie input[type=week]:disabled, .modal-dialog .bowtie input[type=week]:disabled:hover, .modal-dialog .bowtie input[type=week]:disabled:focus, .modal-dialog .bowtie input[type=week]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=week]:disabled.read-only, .bowtie input[type=week]:disabled:hover.read-only, .bowtie input[type=week]:disabled:focus.read-only, .bowtie input[type=week]:disabled:active.read-only, .bowtie.modal-dialog input[type=week]:disabled.read-only, .bowtie.modal-dialog input[type=week]:disabled:hover.read-only, .bowtie.modal-dialog input[type=week]:disabled:focus.read-only, .bowtie.modal-dialog input[type=week]:disabled:active.read-only, .modal-dialog .bowtie input[type=week]:disabled.read-only, .modal-dialog .bowtie input[type=week]:disabled:hover.read-only, .modal-dialog .bowtie input[type=week]:disabled:focus.read-only, .modal-dialog .bowtie input[type=week]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=week]:disabled::selection, .bowtie input[type=week]:disabled:hover::selection, .bowtie input[type=week]:disabled:focus::selection, .bowtie input[type=week]:disabled:active::selection, .bowtie.modal-dialog input[type=week]:disabled::selection, .bowtie.modal-dialog input[type=week]:disabled:hover::selection, .bowtie.modal-dialog input[type=week]:disabled:focus::selection, .bowtie.modal-dialog input[type=week]:disabled:active::selection, .modal-dialog .bowtie input[type=week]:disabled::selection, .modal-dialog .bowtie input[type=week]:disabled:hover::selection, .modal-dialog .bowtie input[type=week]:disabled:focus::selection, .modal-dialog .bowtie input[type=week]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=week]::selection, .bowtie.modal-dialog input[type=week]::selection, .modal-dialog .bowtie input[type=week]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie input[type=datetime-local], .bowtie.modal-dialog input[type=datetime-local], .modal-dialog .bowtie input[type=datetime-local] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie input[type=datetime-local]:hover, .bowtie.modal-dialog input[type=datetime-local]:hover, .modal-dialog .bowtie input[type=datetime-local]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=datetime-local]:active, .bowtie.modal-dialog input[type=datetime-local]:active, .modal-dialog .bowtie input[type=datetime-local]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=datetime-local]:focus, .bowtie input[type=datetime-local].focus, .bowtie.modal-dialog input[type=datetime-local]:focus, .bowtie.modal-dialog input[type=datetime-local].focus, .modal-dialog .bowtie input[type=datetime-local]:focus, .modal-dialog .bowtie input[type=datetime-local].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=datetime-local] ~ label, .bowtie.modal-dialog input[type=datetime-local] ~ label, .modal-dialog .bowtie input[type=datetime-local] ~ label {
  margin-top: 24px;
}

.bowtie input[type=datetime-local].invalid, .bowtie input[type=datetime-local]:invalid, .bowtie.modal-dialog input[type=datetime-local].invalid, .bowtie.modal-dialog input[type=datetime-local]:invalid, .modal-dialog .bowtie input[type=datetime-local].invalid, .modal-dialog .bowtie input[type=datetime-local]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie input[type=datetime-local].invalid:active, .bowtie input[type=datetime-local]:invalid:active, .bowtie.modal-dialog input[type=datetime-local].invalid:active, .bowtie.modal-dialog input[type=datetime-local]:invalid:active, .modal-dialog .bowtie input[type=datetime-local].invalid:active, .modal-dialog .bowtie input[type=datetime-local]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=datetime-local].invalid:focus, .bowtie input[type=datetime-local].invalid.focus, .bowtie input[type=datetime-local]:invalid:focus, .bowtie input[type=datetime-local]:invalid.focus, .bowtie.modal-dialog input[type=datetime-local].invalid:focus, .bowtie.modal-dialog input[type=datetime-local].invalid.focus, .bowtie.modal-dialog input[type=datetime-local]:invalid:focus, .bowtie.modal-dialog input[type=datetime-local]:invalid.focus, .modal-dialog .bowtie input[type=datetime-local].invalid:focus, .modal-dialog .bowtie input[type=datetime-local].invalid.focus, .modal-dialog .bowtie input[type=datetime-local]:invalid:focus, .modal-dialog .bowtie input[type=datetime-local]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=datetime-local].required, .bowtie.modal-dialog input[type=datetime-local].required, .modal-dialog .bowtie input[type=datetime-local].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie input[type=datetime-local].required:active, .bowtie.modal-dialog input[type=datetime-local].required:active, .modal-dialog .bowtie input[type=datetime-local].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=datetime-local].required:focus, .bowtie.modal-dialog input[type=datetime-local].required:focus, .modal-dialog .bowtie input[type=datetime-local].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=datetime-local]:disabled, .bowtie input[type=datetime-local]:disabled:hover, .bowtie input[type=datetime-local]:disabled:focus, .bowtie input[type=datetime-local]:disabled:active, .bowtie.modal-dialog input[type=datetime-local]:disabled, .bowtie.modal-dialog input[type=datetime-local]:disabled:hover, .bowtie.modal-dialog input[type=datetime-local]:disabled:focus, .bowtie.modal-dialog input[type=datetime-local]:disabled:active, .modal-dialog .bowtie input[type=datetime-local]:disabled, .modal-dialog .bowtie input[type=datetime-local]:disabled:hover, .modal-dialog .bowtie input[type=datetime-local]:disabled:focus, .modal-dialog .bowtie input[type=datetime-local]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=datetime-local]:disabled.read-only, .bowtie input[type=datetime-local]:disabled:hover.read-only, .bowtie input[type=datetime-local]:disabled:focus.read-only, .bowtie input[type=datetime-local]:disabled:active.read-only, .bowtie.modal-dialog input[type=datetime-local]:disabled.read-only, .bowtie.modal-dialog input[type=datetime-local]:disabled:hover.read-only, .bowtie.modal-dialog input[type=datetime-local]:disabled:focus.read-only, .bowtie.modal-dialog input[type=datetime-local]:disabled:active.read-only, .modal-dialog .bowtie input[type=datetime-local]:disabled.read-only, .modal-dialog .bowtie input[type=datetime-local]:disabled:hover.read-only, .modal-dialog .bowtie input[type=datetime-local]:disabled:focus.read-only, .modal-dialog .bowtie input[type=datetime-local]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=datetime-local]:disabled::selection, .bowtie input[type=datetime-local]:disabled:hover::selection, .bowtie input[type=datetime-local]:disabled:focus::selection, .bowtie input[type=datetime-local]:disabled:active::selection, .bowtie.modal-dialog input[type=datetime-local]:disabled::selection, .bowtie.modal-dialog input[type=datetime-local]:disabled:hover::selection, .bowtie.modal-dialog input[type=datetime-local]:disabled:focus::selection, .bowtie.modal-dialog input[type=datetime-local]:disabled:active::selection, .modal-dialog .bowtie input[type=datetime-local]:disabled::selection, .modal-dialog .bowtie input[type=datetime-local]:disabled:hover::selection, .modal-dialog .bowtie input[type=datetime-local]:disabled:focus::selection, .modal-dialog .bowtie input[type=datetime-local]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=datetime-local]::selection, .bowtie.modal-dialog input[type=datetime-local]::selection, .modal-dialog .bowtie input[type=datetime-local]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie input[type=color], .bowtie.modal-dialog input[type=color], .modal-dialog .bowtie input[type=color] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie input[type=color]:hover, .bowtie.modal-dialog input[type=color]:hover, .modal-dialog .bowtie input[type=color]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=color]:active, .bowtie.modal-dialog input[type=color]:active, .modal-dialog .bowtie input[type=color]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=color]:focus, .bowtie input[type=color].focus, .bowtie.modal-dialog input[type=color]:focus, .bowtie.modal-dialog input[type=color].focus, .modal-dialog .bowtie input[type=color]:focus, .modal-dialog .bowtie input[type=color].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=color] ~ label, .bowtie.modal-dialog input[type=color] ~ label, .modal-dialog .bowtie input[type=color] ~ label {
  margin-top: 24px;
}

.bowtie input[type=color].invalid, .bowtie input[type=color]:invalid, .bowtie.modal-dialog input[type=color].invalid, .bowtie.modal-dialog input[type=color]:invalid, .modal-dialog .bowtie input[type=color].invalid, .modal-dialog .bowtie input[type=color]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie input[type=color].invalid:active, .bowtie input[type=color]:invalid:active, .bowtie.modal-dialog input[type=color].invalid:active, .bowtie.modal-dialog input[type=color]:invalid:active, .modal-dialog .bowtie input[type=color].invalid:active, .modal-dialog .bowtie input[type=color]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=color].invalid:focus, .bowtie input[type=color].invalid.focus, .bowtie input[type=color]:invalid:focus, .bowtie input[type=color]:invalid.focus, .bowtie.modal-dialog input[type=color].invalid:focus, .bowtie.modal-dialog input[type=color].invalid.focus, .bowtie.modal-dialog input[type=color]:invalid:focus, .bowtie.modal-dialog input[type=color]:invalid.focus, .modal-dialog .bowtie input[type=color].invalid:focus, .modal-dialog .bowtie input[type=color].invalid.focus, .modal-dialog .bowtie input[type=color]:invalid:focus, .modal-dialog .bowtie input[type=color]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=color].required, .bowtie.modal-dialog input[type=color].required, .modal-dialog .bowtie input[type=color].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie input[type=color].required:active, .bowtie.modal-dialog input[type=color].required:active, .modal-dialog .bowtie input[type=color].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=color].required:focus, .bowtie.modal-dialog input[type=color].required:focus, .modal-dialog .bowtie input[type=color].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=color]:disabled, .bowtie input[type=color]:disabled:hover, .bowtie input[type=color]:disabled:focus, .bowtie input[type=color]:disabled:active, .bowtie.modal-dialog input[type=color]:disabled, .bowtie.modal-dialog input[type=color]:disabled:hover, .bowtie.modal-dialog input[type=color]:disabled:focus, .bowtie.modal-dialog input[type=color]:disabled:active, .modal-dialog .bowtie input[type=color]:disabled, .modal-dialog .bowtie input[type=color]:disabled:hover, .modal-dialog .bowtie input[type=color]:disabled:focus, .modal-dialog .bowtie input[type=color]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=color]:disabled.read-only, .bowtie input[type=color]:disabled:hover.read-only, .bowtie input[type=color]:disabled:focus.read-only, .bowtie input[type=color]:disabled:active.read-only, .bowtie.modal-dialog input[type=color]:disabled.read-only, .bowtie.modal-dialog input[type=color]:disabled:hover.read-only, .bowtie.modal-dialog input[type=color]:disabled:focus.read-only, .bowtie.modal-dialog input[type=color]:disabled:active.read-only, .modal-dialog .bowtie input[type=color]:disabled.read-only, .modal-dialog .bowtie input[type=color]:disabled:hover.read-only, .modal-dialog .bowtie input[type=color]:disabled:focus.read-only, .modal-dialog .bowtie input[type=color]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=color]:disabled::selection, .bowtie input[type=color]:disabled:hover::selection, .bowtie input[type=color]:disabled:focus::selection, .bowtie input[type=color]:disabled:active::selection, .bowtie.modal-dialog input[type=color]:disabled::selection, .bowtie.modal-dialog input[type=color]:disabled:hover::selection, .bowtie.modal-dialog input[type=color]:disabled:focus::selection, .bowtie.modal-dialog input[type=color]:disabled:active::selection, .modal-dialog .bowtie input[type=color]:disabled::selection, .modal-dialog .bowtie input[type=color]:disabled:hover::selection, .modal-dialog .bowtie input[type=color]:disabled:focus::selection, .modal-dialog .bowtie input[type=color]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=color]::selection, .bowtie.modal-dialog input[type=color]::selection, .modal-dialog .bowtie input[type=color]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie input[type=time], .bowtie.modal-dialog input[type=time], .modal-dialog .bowtie input[type=time] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie input[type=time]:hover, .bowtie.modal-dialog input[type=time]:hover, .modal-dialog .bowtie input[type=time]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=time]:active, .bowtie.modal-dialog input[type=time]:active, .modal-dialog .bowtie input[type=time]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=time]:focus, .bowtie input[type=time].focus, .bowtie.modal-dialog input[type=time]:focus, .bowtie.modal-dialog input[type=time].focus, .modal-dialog .bowtie input[type=time]:focus, .modal-dialog .bowtie input[type=time].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=time] ~ label, .bowtie.modal-dialog input[type=time] ~ label, .modal-dialog .bowtie input[type=time] ~ label {
  margin-top: 24px;
}

.bowtie input[type=time].invalid, .bowtie input[type=time]:invalid, .bowtie.modal-dialog input[type=time].invalid, .bowtie.modal-dialog input[type=time]:invalid, .modal-dialog .bowtie input[type=time].invalid, .modal-dialog .bowtie input[type=time]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie input[type=time].invalid:active, .bowtie input[type=time]:invalid:active, .bowtie.modal-dialog input[type=time].invalid:active, .bowtie.modal-dialog input[type=time]:invalid:active, .modal-dialog .bowtie input[type=time].invalid:active, .modal-dialog .bowtie input[type=time]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=time].invalid:focus, .bowtie input[type=time].invalid.focus, .bowtie input[type=time]:invalid:focus, .bowtie input[type=time]:invalid.focus, .bowtie.modal-dialog input[type=time].invalid:focus, .bowtie.modal-dialog input[type=time].invalid.focus, .bowtie.modal-dialog input[type=time]:invalid:focus, .bowtie.modal-dialog input[type=time]:invalid.focus, .modal-dialog .bowtie input[type=time].invalid:focus, .modal-dialog .bowtie input[type=time].invalid.focus, .modal-dialog .bowtie input[type=time]:invalid:focus, .modal-dialog .bowtie input[type=time]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=time].required, .bowtie.modal-dialog input[type=time].required, .modal-dialog .bowtie input[type=time].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie input[type=time].required:active, .bowtie.modal-dialog input[type=time].required:active, .modal-dialog .bowtie input[type=time].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=time].required:focus, .bowtie.modal-dialog input[type=time].required:focus, .modal-dialog .bowtie input[type=time].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=time]:disabled, .bowtie input[type=time]:disabled:hover, .bowtie input[type=time]:disabled:focus, .bowtie input[type=time]:disabled:active, .bowtie.modal-dialog input[type=time]:disabled, .bowtie.modal-dialog input[type=time]:disabled:hover, .bowtie.modal-dialog input[type=time]:disabled:focus, .bowtie.modal-dialog input[type=time]:disabled:active, .modal-dialog .bowtie input[type=time]:disabled, .modal-dialog .bowtie input[type=time]:disabled:hover, .modal-dialog .bowtie input[type=time]:disabled:focus, .modal-dialog .bowtie input[type=time]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=time]:disabled.read-only, .bowtie input[type=time]:disabled:hover.read-only, .bowtie input[type=time]:disabled:focus.read-only, .bowtie input[type=time]:disabled:active.read-only, .bowtie.modal-dialog input[type=time]:disabled.read-only, .bowtie.modal-dialog input[type=time]:disabled:hover.read-only, .bowtie.modal-dialog input[type=time]:disabled:focus.read-only, .bowtie.modal-dialog input[type=time]:disabled:active.read-only, .modal-dialog .bowtie input[type=time]:disabled.read-only, .modal-dialog .bowtie input[type=time]:disabled:hover.read-only, .modal-dialog .bowtie input[type=time]:disabled:focus.read-only, .modal-dialog .bowtie input[type=time]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=time]:disabled::selection, .bowtie input[type=time]:disabled:hover::selection, .bowtie input[type=time]:disabled:focus::selection, .bowtie input[type=time]:disabled:active::selection, .bowtie.modal-dialog input[type=time]:disabled::selection, .bowtie.modal-dialog input[type=time]:disabled:hover::selection, .bowtie.modal-dialog input[type=time]:disabled:focus::selection, .bowtie.modal-dialog input[type=time]:disabled:active::selection, .modal-dialog .bowtie input[type=time]:disabled::selection, .modal-dialog .bowtie input[type=time]:disabled:hover::selection, .modal-dialog .bowtie input[type=time]:disabled:focus::selection, .modal-dialog .bowtie input[type=time]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=time]::selection, .bowtie.modal-dialog input[type=time]::selection, .modal-dialog .bowtie input[type=time]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie input[type=password], .bowtie.modal-dialog input[type=password], .modal-dialog .bowtie input[type=password] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie input[type=password]:hover, .bowtie.modal-dialog input[type=password]:hover, .modal-dialog .bowtie input[type=password]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=password]:active, .bowtie.modal-dialog input[type=password]:active, .modal-dialog .bowtie input[type=password]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=password]:focus, .bowtie input[type=password].focus, .bowtie.modal-dialog input[type=password]:focus, .bowtie.modal-dialog input[type=password].focus, .modal-dialog .bowtie input[type=password]:focus, .modal-dialog .bowtie input[type=password].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input[type=password] ~ label, .bowtie.modal-dialog input[type=password] ~ label, .modal-dialog .bowtie input[type=password] ~ label {
  margin-top: 24px;
}

.bowtie input[type=password].invalid, .bowtie input[type=password]:invalid, .bowtie.modal-dialog input[type=password].invalid, .bowtie.modal-dialog input[type=password]:invalid, .modal-dialog .bowtie input[type=password].invalid, .modal-dialog .bowtie input[type=password]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie input[type=password].invalid:active, .bowtie input[type=password]:invalid:active, .bowtie.modal-dialog input[type=password].invalid:active, .bowtie.modal-dialog input[type=password]:invalid:active, .modal-dialog .bowtie input[type=password].invalid:active, .modal-dialog .bowtie input[type=password]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=password].invalid:focus, .bowtie input[type=password].invalid.focus, .bowtie input[type=password]:invalid:focus, .bowtie input[type=password]:invalid.focus, .bowtie.modal-dialog input[type=password].invalid:focus, .bowtie.modal-dialog input[type=password].invalid.focus, .bowtie.modal-dialog input[type=password]:invalid:focus, .bowtie.modal-dialog input[type=password]:invalid.focus, .modal-dialog .bowtie input[type=password].invalid:focus, .modal-dialog .bowtie input[type=password].invalid.focus, .modal-dialog .bowtie input[type=password]:invalid:focus, .modal-dialog .bowtie input[type=password]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=password].required, .bowtie.modal-dialog input[type=password].required, .modal-dialog .bowtie input[type=password].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie input[type=password].required:active, .bowtie.modal-dialog input[type=password].required:active, .modal-dialog .bowtie input[type=password].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=password].required:focus, .bowtie.modal-dialog input[type=password].required:focus, .modal-dialog .bowtie input[type=password].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=password]:disabled, .bowtie input[type=password]:disabled:hover, .bowtie input[type=password]:disabled:focus, .bowtie input[type=password]:disabled:active, .bowtie.modal-dialog input[type=password]:disabled, .bowtie.modal-dialog input[type=password]:disabled:hover, .bowtie.modal-dialog input[type=password]:disabled:focus, .bowtie.modal-dialog input[type=password]:disabled:active, .modal-dialog .bowtie input[type=password]:disabled, .modal-dialog .bowtie input[type=password]:disabled:hover, .modal-dialog .bowtie input[type=password]:disabled:focus, .modal-dialog .bowtie input[type=password]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input[type=password]:disabled.read-only, .bowtie input[type=password]:disabled:hover.read-only, .bowtie input[type=password]:disabled:focus.read-only, .bowtie input[type=password]:disabled:active.read-only, .bowtie.modal-dialog input[type=password]:disabled.read-only, .bowtie.modal-dialog input[type=password]:disabled:hover.read-only, .bowtie.modal-dialog input[type=password]:disabled:focus.read-only, .bowtie.modal-dialog input[type=password]:disabled:active.read-only, .modal-dialog .bowtie input[type=password]:disabled.read-only, .modal-dialog .bowtie input[type=password]:disabled:hover.read-only, .modal-dialog .bowtie input[type=password]:disabled:focus.read-only, .modal-dialog .bowtie input[type=password]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=password]:disabled::selection, .bowtie input[type=password]:disabled:hover::selection, .bowtie input[type=password]:disabled:focus::selection, .bowtie input[type=password]:disabled:active::selection, .bowtie.modal-dialog input[type=password]:disabled::selection, .bowtie.modal-dialog input[type=password]:disabled:hover::selection, .bowtie.modal-dialog input[type=password]:disabled:focus::selection, .bowtie.modal-dialog input[type=password]:disabled:active::selection, .modal-dialog .bowtie input[type=password]:disabled::selection, .modal-dialog .bowtie input[type=password]:disabled:hover::selection, .modal-dialog .bowtie input[type=password]:disabled:focus::selection, .modal-dialog .bowtie input[type=password]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input[type=password]::selection, .bowtie.modal-dialog input[type=password]::selection, .modal-dialog .bowtie input[type=password]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie input:not([type]), .bowtie.modal-dialog input:not([type]), .modal-dialog .bowtie input:not([type]) {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie input:not([type]):hover, .bowtie.modal-dialog input:not([type]):hover, .modal-dialog .bowtie input:not([type]):hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input:not([type]):active, .bowtie.modal-dialog input:not([type]):active, .modal-dialog .bowtie input:not([type]):active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input:not([type]):focus, .bowtie input:not([type]).focus, .bowtie.modal-dialog input:not([type]):focus, .bowtie.modal-dialog input:not([type]).focus, .modal-dialog .bowtie input:not([type]):focus, .modal-dialog .bowtie input:not([type]).focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie input:not([type]) ~ label, .bowtie.modal-dialog input:not([type]) ~ label, .modal-dialog .bowtie input:not([type]) ~ label {
  margin-top: 24px;
}

.bowtie input:not([type]).invalid, .bowtie input:not([type]):invalid, .bowtie.modal-dialog input:not([type]).invalid, .bowtie.modal-dialog input:not([type]):invalid, .modal-dialog .bowtie input:not([type]).invalid, .modal-dialog .bowtie input:not([type]):invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie input:not([type]).invalid:active, .bowtie input:not([type]):invalid:active, .bowtie.modal-dialog input:not([type]).invalid:active, .bowtie.modal-dialog input:not([type]):invalid:active, .modal-dialog .bowtie input:not([type]).invalid:active, .modal-dialog .bowtie input:not([type]):invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input:not([type]).invalid:focus, .bowtie input:not([type]).invalid.focus, .bowtie input:not([type]):invalid:focus, .bowtie input:not([type]):invalid.focus, .bowtie.modal-dialog input:not([type]).invalid:focus, .bowtie.modal-dialog input:not([type]).invalid.focus, .bowtie.modal-dialog input:not([type]):invalid:focus, .bowtie.modal-dialog input:not([type]):invalid.focus, .modal-dialog .bowtie input:not([type]).invalid:focus, .modal-dialog .bowtie input:not([type]).invalid.focus, .modal-dialog .bowtie input:not([type]):invalid:focus, .modal-dialog .bowtie input:not([type]):invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input:not([type]).required, .bowtie.modal-dialog input:not([type]).required, .modal-dialog .bowtie input:not([type]).required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie input:not([type]).required:active, .bowtie.modal-dialog input:not([type]).required:active, .modal-dialog .bowtie input:not([type]).required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input:not([type]).required:focus, .bowtie.modal-dialog input:not([type]).required:focus, .modal-dialog .bowtie input:not([type]).required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input:not([type]):disabled, .bowtie input:not([type]):disabled:hover, .bowtie input:not([type]):disabled:focus, .bowtie input:not([type]):disabled:active, .bowtie.modal-dialog input:not([type]):disabled, .bowtie.modal-dialog input:not([type]):disabled:hover, .bowtie.modal-dialog input:not([type]):disabled:focus, .bowtie.modal-dialog input:not([type]):disabled:active, .modal-dialog .bowtie input:not([type]):disabled, .modal-dialog .bowtie input:not([type]):disabled:hover, .modal-dialog .bowtie input:not([type]):disabled:focus, .modal-dialog .bowtie input:not([type]):disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie input:not([type]):disabled.read-only, .bowtie input:not([type]):disabled:hover.read-only, .bowtie input:not([type]):disabled:focus.read-only, .bowtie input:not([type]):disabled:active.read-only, .bowtie.modal-dialog input:not([type]):disabled.read-only, .bowtie.modal-dialog input:not([type]):disabled:hover.read-only, .bowtie.modal-dialog input:not([type]):disabled:focus.read-only, .bowtie.modal-dialog input:not([type]):disabled:active.read-only, .modal-dialog .bowtie input:not([type]):disabled.read-only, .modal-dialog .bowtie input:not([type]):disabled:hover.read-only, .modal-dialog .bowtie input:not([type]):disabled:focus.read-only, .modal-dialog .bowtie input:not([type]):disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input:not([type]):disabled::selection, .bowtie input:not([type]):disabled:hover::selection, .bowtie input:not([type]):disabled:focus::selection, .bowtie input:not([type]):disabled:active::selection, .bowtie.modal-dialog input:not([type]):disabled::selection, .bowtie.modal-dialog input:not([type]):disabled:hover::selection, .bowtie.modal-dialog input:not([type]):disabled:focus::selection, .bowtie.modal-dialog input:not([type]):disabled:active::selection, .modal-dialog .bowtie input:not([type]):disabled::selection, .modal-dialog .bowtie input:not([type]):disabled:hover::selection, .modal-dialog .bowtie input:not([type]):disabled:focus::selection, .modal-dialog .bowtie input:not([type]):disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie input:not([type])::selection, .bowtie.modal-dialog input:not([type])::selection, .modal-dialog .bowtie input:not([type])::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie fieldset, .bowtie.modal-dialog fieldset, .modal-dialog .bowtie fieldset {
  border: 0;
  margin: 24px 0 0 0;
  padding: 0;
}

.bowtie fieldset > div, .bowtie.modal-dialog fieldset > div, .modal-dialog .bowtie fieldset > div {
  margin-top: 24px;
}

.bowtie fieldset > div:first-child, .bowtie.modal-dialog fieldset > div:first-child, .modal-dialog .bowtie fieldset > div:first-child {
  margin-top: 0;
}

.bowtie fieldset label + div, .bowtie.modal-dialog fieldset label + div, .modal-dialog .bowtie fieldset label + div {
  margin-top: 0;
}

.bowtie fieldset legend, .bowtie.modal-dialog fieldset legend, .modal-dialog .bowtie fieldset legend {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  margin-bottom: 6px;
  padding: 0;
}

.bowtie fieldset legend.section, .bowtie.modal-dialog fieldset legend.section, .modal-dialog .bowtie fieldset legend.section {
  font-weight: 600;
}

.bowtie fieldset:first-child, .bowtie fieldset.first, .bowtie.modal-dialog fieldset:first-child, .bowtie.modal-dialog fieldset.first, .modal-dialog .bowtie fieldset:first-child, .modal-dialog .bowtie fieldset.first {
  margin: 0;
}

.bowtie fieldset.side-by-side div.form-col, .bowtie.modal-dialog fieldset.side-by-side div.form-col, .modal-dialog .bowtie fieldset.side-by-side div.form-col {
  display: block;
  float: left;
  margin: 0;
  vertical-align: bottom;
}

.bowtie fieldset.side-by-side div.form-col:nth-of-type(1n+3) label:first-child, .bowtie.modal-dialog fieldset.side-by-side div.form-col:nth-of-type(1n+3) label:first-child, .modal-dialog .bowtie fieldset.side-by-side div.form-col:nth-of-type(1n+3) label:first-child {
  margin-top: 24px;
}

.bowtie fieldset.side-by-side div.form-col:nth-of-type(2n+2), .bowtie.modal-dialog fieldset.side-by-side div.form-col:nth-of-type(2n+2), .modal-dialog .bowtie fieldset.side-by-side div.form-col:nth-of-type(2n+2) {
  margin-left: 24px;
}

.bowtie fieldset.side-by-side div.form-col:nth-of-type(2n+3), .bowtie.modal-dialog fieldset.side-by-side div.form-col:nth-of-type(2n+3), .modal-dialog .bowtie fieldset.side-by-side div.form-col:nth-of-type(2n+3) {
  clear: left;
}

.bowtie fieldset.side-by-side div.form-col input[type=search], .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=search], .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=search] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=search].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=search].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=search].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=email], .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=email], .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=email] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=email].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=email].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=email].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=url], .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=url], .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=url] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=url].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=url].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=url].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=text], .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=text], .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=text] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=text].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=text].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=text].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=tel], .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=tel], .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=tel] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=tel].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=tel].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=tel].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=number], .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=number], .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=number] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=number].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=number].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=number].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=date], .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=date], .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=date] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=date].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=date].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=date].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=month], .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=month], .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=month] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=month].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=month].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=month].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=week], .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=week], .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=week] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=week].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=week].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=week].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=datetime-local], .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=datetime-local], .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=datetime-local] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=datetime-local].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=datetime-local].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=datetime-local].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=color], .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=color], .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=color] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=color].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=color].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=color].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=time], .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=time], .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=time] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=time].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=time].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=time].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=password], .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=password], .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=password] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input[type=password].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col input[type=password].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col input[type=password].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input:not([type]), .bowtie.modal-dialog fieldset.side-by-side div.form-col input:not([type]), .modal-dialog .bowtie fieldset.side-by-side div.form-col input:not([type]) {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col input:not([type]).required, .bowtie.modal-dialog fieldset.side-by-side div.form-col input:not([type]).required, .modal-dialog .bowtie fieldset.side-by-side div.form-col input:not([type]).required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col textarea, .bowtie.modal-dialog fieldset.side-by-side div.form-col textarea, .modal-dialog .bowtie fieldset.side-by-side div.form-col textarea {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col textarea.required, .bowtie.modal-dialog fieldset.side-by-side div.form-col textarea.required, .modal-dialog .bowtie fieldset.side-by-side div.form-col textarea.required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=search], .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=search], .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=search] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=search].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=search].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=search].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=email], .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=email], .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=email] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=email].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=email].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=email].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=url], .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=url], .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=url] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=url].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=url].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=url].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=text], .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=text], .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=text] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=text].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=text].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=text].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=tel], .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=tel], .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=tel] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=tel].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=tel].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=tel].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=number], .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=number], .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=number] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=number].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=number].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=number].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=date], .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=date], .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=date] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=date].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=date].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=date].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=month], .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=month], .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=month] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=month].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=month].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=month].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=week], .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=week], .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=week] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=week].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=week].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=week].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=datetime-local], .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=datetime-local], .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=datetime-local] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=datetime-local].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=datetime-local].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=datetime-local].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=color], .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=color], .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=color] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=color].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=color].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=color].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=time], .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=time], .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=time] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=time].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=time].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=time].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=password], .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=password], .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=password] {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=password].required, .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input[type=password].required, .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input[type=password].required {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input:not([type]), .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input:not([type]), .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input:not([type]) {
  width: 100%;
}

.bowtie fieldset.side-by-side div.form-col div.icon-input-container input:not([type]).required, .bowtie.modal-dialog fieldset.side-by-side div.form-col div.icon-input-container input:not([type]).required, .modal-dialog .bowtie fieldset.side-by-side div.form-col div.icon-input-container input:not([type]).required {
  width: 100%;
}

.bowtie fieldset.side-by-side.auto-size div.form-col, .bowtie.modal-dialog fieldset.side-by-side.auto-size div.form-col, .modal-dialog .bowtie fieldset.side-by-side.auto-size div.form-col {
  width: calc(50% - 12px);
}

.bowtie input.input-error[type=search], .bowtie.modal-dialog input.input-error[type=search], .modal-dialog .bowtie input.input-error[type=search] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie input.input-error[type=email], .bowtie.modal-dialog input.input-error[type=email], .modal-dialog .bowtie input.input-error[type=email] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie input.input-error[type=url], .bowtie.modal-dialog input.input-error[type=url], .modal-dialog .bowtie input.input-error[type=url] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie input.input-error[type=text], .bowtie.modal-dialog input.input-error[type=text], .modal-dialog .bowtie input.input-error[type=text] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie input.input-error[type=tel], .bowtie.modal-dialog input.input-error[type=tel], .modal-dialog .bowtie input.input-error[type=tel] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie input.input-error[type=number], .bowtie.modal-dialog input.input-error[type=number], .modal-dialog .bowtie input.input-error[type=number] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie input.input-error[type=date], .bowtie.modal-dialog input.input-error[type=date], .modal-dialog .bowtie input.input-error[type=date] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie input.input-error[type=month], .bowtie.modal-dialog input.input-error[type=month], .modal-dialog .bowtie input.input-error[type=month] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie input.input-error[type=week], .bowtie.modal-dialog input.input-error[type=week], .modal-dialog .bowtie input.input-error[type=week] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie input.input-error[type=datetime-local], .bowtie.modal-dialog input.input-error[type=datetime-local], .modal-dialog .bowtie input.input-error[type=datetime-local] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie input.input-error[type=color], .bowtie.modal-dialog input.input-error[type=color], .modal-dialog .bowtie input.input-error[type=color] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie input.input-error[type=time], .bowtie.modal-dialog input.input-error[type=time], .modal-dialog .bowtie input.input-error[type=time] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie input.input-error[type=password], .bowtie.modal-dialog input.input-error[type=password], .modal-dialog .bowtie input.input-error[type=password] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie input.input-error:not([type]), .bowtie.modal-dialog input.input-error:not([type]), .modal-dialog .bowtie input.input-error:not([type]) {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie-fabric label.bowtie-widget, .bowtie-fabric.modal-dialog label.bowtie-widget, .modal-dialog .bowtie-fabric label.bowtie-widget {
  overflow: hidden;
  display: block;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  margin-bottom: 6px;
  margin-top: 0;
}

.bowtie-fabric textarea.bowtie-widget, .bowtie-fabric.modal-dialog textarea.bowtie-widget, .modal-dialog .bowtie-fabric textarea.bowtie-widget {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  font: 14px "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  outline: 0;
  padding: 5px 8px;
  height: 68px;
  resize: vertical;
  width: 100%;
}

.bowtie-fabric textarea.bowtie-widget:hover, .bowtie-fabric.modal-dialog textarea.bowtie-widget:hover, .modal-dialog .bowtie-fabric textarea.bowtie-widget:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric textarea.bowtie-widget:active, .bowtie-fabric.modal-dialog textarea.bowtie-widget:active, .modal-dialog .bowtie-fabric textarea.bowtie-widget:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric textarea.bowtie-widget:focus, .bowtie-fabric textarea.bowtie-widget.focus, .bowtie-fabric.modal-dialog textarea.bowtie-widget:focus, .bowtie-fabric.modal-dialog textarea.bowtie-widget.focus, .modal-dialog .bowtie-fabric textarea.bowtie-widget:focus, .modal-dialog .bowtie-fabric textarea.bowtie-widget.focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric textarea.bowtie-widget ~ label, .bowtie-fabric.modal-dialog textarea.bowtie-widget ~ label, .modal-dialog .bowtie-fabric textarea.bowtie-widget ~ label {
  margin-top: 24px;
}

.bowtie-fabric textarea.bowtie-widget.invalid, .bowtie-fabric textarea.bowtie-widget:invalid, .bowtie-fabric.modal-dialog textarea.bowtie-widget.invalid, .bowtie-fabric.modal-dialog textarea.bowtie-widget:invalid, .modal-dialog .bowtie-fabric textarea.bowtie-widget.invalid, .modal-dialog .bowtie-fabric textarea.bowtie-widget:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-fabric textarea.bowtie-widget.invalid:active, .bowtie-fabric textarea.bowtie-widget:invalid:active, .bowtie-fabric.modal-dialog textarea.bowtie-widget.invalid:active, .bowtie-fabric.modal-dialog textarea.bowtie-widget:invalid:active, .modal-dialog .bowtie-fabric textarea.bowtie-widget.invalid:active, .modal-dialog .bowtie-fabric textarea.bowtie-widget:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric textarea.bowtie-widget.invalid:focus, .bowtie-fabric textarea.bowtie-widget.invalid.focus, .bowtie-fabric textarea.bowtie-widget:invalid:focus, .bowtie-fabric textarea.bowtie-widget:invalid.focus, .bowtie-fabric.modal-dialog textarea.bowtie-widget.invalid:focus, .bowtie-fabric.modal-dialog textarea.bowtie-widget.invalid.focus, .bowtie-fabric.modal-dialog textarea.bowtie-widget:invalid:focus, .bowtie-fabric.modal-dialog textarea.bowtie-widget:invalid.focus, .modal-dialog .bowtie-fabric textarea.bowtie-widget.invalid:focus, .modal-dialog .bowtie-fabric textarea.bowtie-widget.invalid.focus, .modal-dialog .bowtie-fabric textarea.bowtie-widget:invalid:focus, .modal-dialog .bowtie-fabric textarea.bowtie-widget:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric textarea.bowtie-widget.required, .bowtie-fabric.modal-dialog textarea.bowtie-widget.required, .modal-dialog .bowtie-fabric textarea.bowtie-widget.required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie-fabric textarea.bowtie-widget.required:active, .bowtie-fabric.modal-dialog textarea.bowtie-widget.required:active, .modal-dialog .bowtie-fabric textarea.bowtie-widget.required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric textarea.bowtie-widget.required:focus, .bowtie-fabric.modal-dialog textarea.bowtie-widget.required:focus, .modal-dialog .bowtie-fabric textarea.bowtie-widget.required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric textarea.bowtie-widget:disabled, .bowtie-fabric textarea.bowtie-widget:disabled:hover, .bowtie-fabric textarea.bowtie-widget:disabled:focus, .bowtie-fabric textarea.bowtie-widget:disabled:active, .bowtie-fabric.modal-dialog textarea.bowtie-widget:disabled, .bowtie-fabric.modal-dialog textarea.bowtie-widget:disabled:hover, .bowtie-fabric.modal-dialog textarea.bowtie-widget:disabled:focus, .bowtie-fabric.modal-dialog textarea.bowtie-widget:disabled:active, .modal-dialog .bowtie-fabric textarea.bowtie-widget:disabled, .modal-dialog .bowtie-fabric textarea.bowtie-widget:disabled:hover, .modal-dialog .bowtie-fabric textarea.bowtie-widget:disabled:focus, .modal-dialog .bowtie-fabric textarea.bowtie-widget:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric textarea.bowtie-widget:disabled.read-only, .bowtie-fabric textarea.bowtie-widget:disabled:hover.read-only, .bowtie-fabric textarea.bowtie-widget:disabled:focus.read-only, .bowtie-fabric textarea.bowtie-widget:disabled:active.read-only, .bowtie-fabric.modal-dialog textarea.bowtie-widget:disabled.read-only, .bowtie-fabric.modal-dialog textarea.bowtie-widget:disabled:hover.read-only, .bowtie-fabric.modal-dialog textarea.bowtie-widget:disabled:focus.read-only, .bowtie-fabric.modal-dialog textarea.bowtie-widget:disabled:active.read-only, .modal-dialog .bowtie-fabric textarea.bowtie-widget:disabled.read-only, .modal-dialog .bowtie-fabric textarea.bowtie-widget:disabled:hover.read-only, .modal-dialog .bowtie-fabric textarea.bowtie-widget:disabled:focus.read-only, .modal-dialog .bowtie-fabric textarea.bowtie-widget:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric textarea.bowtie-widget:disabled::selection, .bowtie-fabric textarea.bowtie-widget:disabled:hover::selection, .bowtie-fabric textarea.bowtie-widget:disabled:focus::selection, .bowtie-fabric textarea.bowtie-widget:disabled:active::selection, .bowtie-fabric.modal-dialog textarea.bowtie-widget:disabled::selection, .bowtie-fabric.modal-dialog textarea.bowtie-widget:disabled:hover::selection, .bowtie-fabric.modal-dialog textarea.bowtie-widget:disabled:focus::selection, .bowtie-fabric.modal-dialog textarea.bowtie-widget:disabled:active::selection, .modal-dialog .bowtie-fabric textarea.bowtie-widget:disabled::selection, .modal-dialog .bowtie-fabric textarea.bowtie-widget:disabled:hover::selection, .modal-dialog .bowtie-fabric textarea.bowtie-widget:disabled:focus::selection, .modal-dialog .bowtie-fabric textarea.bowtie-widget:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric textarea.bowtie-widget::selection, .bowtie-fabric.modal-dialog textarea.bowtie-widget::selection, .modal-dialog .bowtie-fabric textarea.bowtie-widget::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie-fabric input.bowtie-widget, .bowtie-fabric.modal-dialog input.bowtie-widget, .modal-dialog .bowtie-fabric input.bowtie-widget {
  outline: 0;
  display: inline-block;
}

.bowtie-fabric input.bowtie-widget[type=checkbox], .bowtie-fabric input.bowtie-widget[type=radio], .bowtie-fabric.modal-dialog input.bowtie-widget[type=checkbox], .bowtie-fabric.modal-dialog input.bowtie-widget[type=radio], .modal-dialog .bowtie-fabric input.bowtie-widget[type=checkbox], .modal-dialog .bowtie-fabric input.bowtie-widget[type=radio] {
  float: left;
  margin-right: 12px;
  margin-top: 4px;
}

.bowtie-fabric input.bowtie-widget[type=checkbox] + label, .bowtie-fabric input.bowtie-widget[type=radio] + label, .bowtie-fabric.modal-dialog input.bowtie-widget[type=checkbox] + label, .bowtie-fabric.modal-dialog input.bowtie-widget[type=radio] + label, .modal-dialog .bowtie-fabric input.bowtie-widget[type=checkbox] + label, .modal-dialog .bowtie-fabric input.bowtie-widget[type=radio] + label {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  line-height: normal;
}

.bowtie-fabric input.bowtie-widget[type=checkbox]:focus, .bowtie-fabric input.bowtie-widget[type=checkbox].focus, .bowtie-fabric input.bowtie-widget[type=radio]:focus, .bowtie-fabric input.bowtie-widget[type=radio].focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=checkbox]:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=checkbox].focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=radio]:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=radio].focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=checkbox]:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=checkbox].focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=radio]:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=radio].focus {
  outline: 1px dotted rgba( 0, 0, 0 ,  1 );
  outline: 1px dotted rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=search], .bowtie-fabric.modal-dialog input.bowtie-widget[type=search], .modal-dialog .bowtie-fabric input.bowtie-widget[type=search] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie-fabric input.bowtie-widget[type=search]:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=search]:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=search]:focus, .bowtie-fabric input.bowtie-widget[type=search].focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search].focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=search] ~ label, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search] ~ label, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search] ~ label {
  margin-top: 24px;
}

.bowtie-fabric input.bowtie-widget[type=search].invalid, .bowtie-fabric input.bowtie-widget[type=search]:invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search].invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search].invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=search].invalid:active, .bowtie-fabric input.bowtie-widget[type=search]:invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search].invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search].invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=search].invalid:focus, .bowtie-fabric input.bowtie-widget[type=search].invalid.focus, .bowtie-fabric input.bowtie-widget[type=search]:invalid:focus, .bowtie-fabric input.bowtie-widget[type=search]:invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search].invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search].invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search].invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search].invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=search].required, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search].required, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=search].required:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search].required:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=search].required:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search].required:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=search]:disabled, .bowtie-fabric input.bowtie-widget[type=search]:disabled:hover, .bowtie-fabric input.bowtie-widget[type=search]:disabled:focus, .bowtie-fabric input.bowtie-widget[type=search]:disabled:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:disabled, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:disabled:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:disabled:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:disabled:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:disabled, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:disabled:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:disabled:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=search]:disabled.read-only, .bowtie-fabric input.bowtie-widget[type=search]:disabled:hover.read-only, .bowtie-fabric input.bowtie-widget[type=search]:disabled:focus.read-only, .bowtie-fabric input.bowtie-widget[type=search]:disabled:active.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:disabled.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:disabled:hover.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:disabled:focus.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:disabled:active.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:disabled.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:disabled:hover.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:disabled:focus.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=search]:disabled::selection, .bowtie-fabric input.bowtie-widget[type=search]:disabled:hover::selection, .bowtie-fabric input.bowtie-widget[type=search]:disabled:focus::selection, .bowtie-fabric input.bowtie-widget[type=search]:disabled:active::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:disabled::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:disabled:hover::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:disabled:focus::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]:disabled:active::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:disabled::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:disabled:hover::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:disabled:focus::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=search]::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=search]::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=search]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=email], .bowtie-fabric.modal-dialog input.bowtie-widget[type=email], .modal-dialog .bowtie-fabric input.bowtie-widget[type=email] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie-fabric input.bowtie-widget[type=email]:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=email]:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=email]:focus, .bowtie-fabric input.bowtie-widget[type=email].focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email].focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=email] ~ label, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email] ~ label, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email] ~ label {
  margin-top: 24px;
}

.bowtie-fabric input.bowtie-widget[type=email].invalid, .bowtie-fabric input.bowtie-widget[type=email]:invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email].invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email].invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=email].invalid:active, .bowtie-fabric input.bowtie-widget[type=email]:invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email].invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email].invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=email].invalid:focus, .bowtie-fabric input.bowtie-widget[type=email].invalid.focus, .bowtie-fabric input.bowtie-widget[type=email]:invalid:focus, .bowtie-fabric input.bowtie-widget[type=email]:invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email].invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email].invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email].invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email].invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=email].required, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email].required, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=email].required:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email].required:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=email].required:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email].required:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=email]:disabled, .bowtie-fabric input.bowtie-widget[type=email]:disabled:hover, .bowtie-fabric input.bowtie-widget[type=email]:disabled:focus, .bowtie-fabric input.bowtie-widget[type=email]:disabled:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:disabled, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:disabled:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:disabled:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:disabled:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:disabled, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:disabled:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:disabled:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=email]:disabled.read-only, .bowtie-fabric input.bowtie-widget[type=email]:disabled:hover.read-only, .bowtie-fabric input.bowtie-widget[type=email]:disabled:focus.read-only, .bowtie-fabric input.bowtie-widget[type=email]:disabled:active.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:disabled.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:disabled:hover.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:disabled:focus.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:disabled:active.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:disabled.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:disabled:hover.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:disabled:focus.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=email]:disabled::selection, .bowtie-fabric input.bowtie-widget[type=email]:disabled:hover::selection, .bowtie-fabric input.bowtie-widget[type=email]:disabled:focus::selection, .bowtie-fabric input.bowtie-widget[type=email]:disabled:active::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:disabled::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:disabled:hover::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:disabled:focus::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]:disabled:active::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:disabled::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:disabled:hover::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:disabled:focus::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=email]::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=email]::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=email]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=url], .bowtie-fabric.modal-dialog input.bowtie-widget[type=url], .modal-dialog .bowtie-fabric input.bowtie-widget[type=url] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie-fabric input.bowtie-widget[type=url]:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=url]:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=url]:focus, .bowtie-fabric input.bowtie-widget[type=url].focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url].focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=url] ~ label, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url] ~ label, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url] ~ label {
  margin-top: 24px;
}

.bowtie-fabric input.bowtie-widget[type=url].invalid, .bowtie-fabric input.bowtie-widget[type=url]:invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url].invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url].invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=url].invalid:active, .bowtie-fabric input.bowtie-widget[type=url]:invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url].invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url].invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=url].invalid:focus, .bowtie-fabric input.bowtie-widget[type=url].invalid.focus, .bowtie-fabric input.bowtie-widget[type=url]:invalid:focus, .bowtie-fabric input.bowtie-widget[type=url]:invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url].invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url].invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url].invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url].invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=url].required, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url].required, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=url].required:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url].required:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=url].required:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url].required:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=url]:disabled, .bowtie-fabric input.bowtie-widget[type=url]:disabled:hover, .bowtie-fabric input.bowtie-widget[type=url]:disabled:focus, .bowtie-fabric input.bowtie-widget[type=url]:disabled:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:disabled, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:disabled:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:disabled:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:disabled:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:disabled, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:disabled:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:disabled:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=url]:disabled.read-only, .bowtie-fabric input.bowtie-widget[type=url]:disabled:hover.read-only, .bowtie-fabric input.bowtie-widget[type=url]:disabled:focus.read-only, .bowtie-fabric input.bowtie-widget[type=url]:disabled:active.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:disabled.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:disabled:hover.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:disabled:focus.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:disabled:active.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:disabled.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:disabled:hover.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:disabled:focus.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=url]:disabled::selection, .bowtie-fabric input.bowtie-widget[type=url]:disabled:hover::selection, .bowtie-fabric input.bowtie-widget[type=url]:disabled:focus::selection, .bowtie-fabric input.bowtie-widget[type=url]:disabled:active::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:disabled::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:disabled:hover::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:disabled:focus::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]:disabled:active::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:disabled::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:disabled:hover::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:disabled:focus::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=url]::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=url]::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=url]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=text], .bowtie-fabric.modal-dialog input.bowtie-widget[type=text], .modal-dialog .bowtie-fabric input.bowtie-widget[type=text] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie-fabric input.bowtie-widget[type=text]:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=text]:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=text]:focus, .bowtie-fabric input.bowtie-widget[type=text].focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text].focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=text] ~ label, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text] ~ label, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text] ~ label {
  margin-top: 24px;
}

.bowtie-fabric input.bowtie-widget[type=text].invalid, .bowtie-fabric input.bowtie-widget[type=text]:invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text].invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text].invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=text].invalid:active, .bowtie-fabric input.bowtie-widget[type=text]:invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text].invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text].invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=text].invalid:focus, .bowtie-fabric input.bowtie-widget[type=text].invalid.focus, .bowtie-fabric input.bowtie-widget[type=text]:invalid:focus, .bowtie-fabric input.bowtie-widget[type=text]:invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text].invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text].invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text].invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text].invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=text].required, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text].required, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=text].required:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text].required:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=text].required:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text].required:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=text]:disabled, .bowtie-fabric input.bowtie-widget[type=text]:disabled:hover, .bowtie-fabric input.bowtie-widget[type=text]:disabled:focus, .bowtie-fabric input.bowtie-widget[type=text]:disabled:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:disabled, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:disabled:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:disabled:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:disabled:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:disabled, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:disabled:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:disabled:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=text]:disabled.read-only, .bowtie-fabric input.bowtie-widget[type=text]:disabled:hover.read-only, .bowtie-fabric input.bowtie-widget[type=text]:disabled:focus.read-only, .bowtie-fabric input.bowtie-widget[type=text]:disabled:active.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:disabled.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:disabled:hover.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:disabled:focus.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:disabled:active.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:disabled.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:disabled:hover.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:disabled:focus.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=text]:disabled::selection, .bowtie-fabric input.bowtie-widget[type=text]:disabled:hover::selection, .bowtie-fabric input.bowtie-widget[type=text]:disabled:focus::selection, .bowtie-fabric input.bowtie-widget[type=text]:disabled:active::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:disabled::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:disabled:hover::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:disabled:focus::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]:disabled:active::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:disabled::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:disabled:hover::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:disabled:focus::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=text]::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=text]::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=text]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=tel], .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel], .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie-fabric input.bowtie-widget[type=tel]:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=tel]:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=tel]:focus, .bowtie-fabric input.bowtie-widget[type=tel].focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel].focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=tel] ~ label, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel] ~ label, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel] ~ label {
  margin-top: 24px;
}

.bowtie-fabric input.bowtie-widget[type=tel].invalid, .bowtie-fabric input.bowtie-widget[type=tel]:invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel].invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel].invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=tel].invalid:active, .bowtie-fabric input.bowtie-widget[type=tel]:invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel].invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel].invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=tel].invalid:focus, .bowtie-fabric input.bowtie-widget[type=tel].invalid.focus, .bowtie-fabric input.bowtie-widget[type=tel]:invalid:focus, .bowtie-fabric input.bowtie-widget[type=tel]:invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel].invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel].invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel].invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel].invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=tel].required, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel].required, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=tel].required:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel].required:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=tel].required:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel].required:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=tel]:disabled, .bowtie-fabric input.bowtie-widget[type=tel]:disabled:hover, .bowtie-fabric input.bowtie-widget[type=tel]:disabled:focus, .bowtie-fabric input.bowtie-widget[type=tel]:disabled:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:disabled, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:disabled:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:disabled:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:disabled:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:disabled, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:disabled:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:disabled:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=tel]:disabled.read-only, .bowtie-fabric input.bowtie-widget[type=tel]:disabled:hover.read-only, .bowtie-fabric input.bowtie-widget[type=tel]:disabled:focus.read-only, .bowtie-fabric input.bowtie-widget[type=tel]:disabled:active.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:disabled.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:disabled:hover.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:disabled:focus.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:disabled:active.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:disabled.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:disabled:hover.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:disabled:focus.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=tel]:disabled::selection, .bowtie-fabric input.bowtie-widget[type=tel]:disabled:hover::selection, .bowtie-fabric input.bowtie-widget[type=tel]:disabled:focus::selection, .bowtie-fabric input.bowtie-widget[type=tel]:disabled:active::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:disabled::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:disabled:hover::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:disabled:focus::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]:disabled:active::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:disabled::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:disabled:hover::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:disabled:focus::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=tel]::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=tel]::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=tel]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=number], .bowtie-fabric.modal-dialog input.bowtie-widget[type=number], .modal-dialog .bowtie-fabric input.bowtie-widget[type=number] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie-fabric input.bowtie-widget[type=number]:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=number]:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=number]:focus, .bowtie-fabric input.bowtie-widget[type=number].focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number].focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=number] ~ label, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number] ~ label, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number] ~ label {
  margin-top: 24px;
}

.bowtie-fabric input.bowtie-widget[type=number].invalid, .bowtie-fabric input.bowtie-widget[type=number]:invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number].invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number].invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=number].invalid:active, .bowtie-fabric input.bowtie-widget[type=number]:invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number].invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number].invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=number].invalid:focus, .bowtie-fabric input.bowtie-widget[type=number].invalid.focus, .bowtie-fabric input.bowtie-widget[type=number]:invalid:focus, .bowtie-fabric input.bowtie-widget[type=number]:invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number].invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number].invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number].invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number].invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=number].required, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number].required, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=number].required:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number].required:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=number].required:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number].required:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=number]:disabled, .bowtie-fabric input.bowtie-widget[type=number]:disabled:hover, .bowtie-fabric input.bowtie-widget[type=number]:disabled:focus, .bowtie-fabric input.bowtie-widget[type=number]:disabled:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:disabled, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:disabled:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:disabled:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:disabled:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:disabled, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:disabled:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:disabled:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=number]:disabled.read-only, .bowtie-fabric input.bowtie-widget[type=number]:disabled:hover.read-only, .bowtie-fabric input.bowtie-widget[type=number]:disabled:focus.read-only, .bowtie-fabric input.bowtie-widget[type=number]:disabled:active.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:disabled.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:disabled:hover.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:disabled:focus.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:disabled:active.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:disabled.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:disabled:hover.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:disabled:focus.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=number]:disabled::selection, .bowtie-fabric input.bowtie-widget[type=number]:disabled:hover::selection, .bowtie-fabric input.bowtie-widget[type=number]:disabled:focus::selection, .bowtie-fabric input.bowtie-widget[type=number]:disabled:active::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:disabled::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:disabled:hover::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:disabled:focus::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]:disabled:active::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:disabled::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:disabled:hover::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:disabled:focus::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=number]::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=number]::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=number]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=date], .bowtie-fabric.modal-dialog input.bowtie-widget[type=date], .modal-dialog .bowtie-fabric input.bowtie-widget[type=date] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie-fabric input.bowtie-widget[type=date]:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=date]:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=date]:focus, .bowtie-fabric input.bowtie-widget[type=date].focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date].focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=date] ~ label, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date] ~ label, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date] ~ label {
  margin-top: 24px;
}

.bowtie-fabric input.bowtie-widget[type=date].invalid, .bowtie-fabric input.bowtie-widget[type=date]:invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date].invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date].invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=date].invalid:active, .bowtie-fabric input.bowtie-widget[type=date]:invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date].invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date].invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=date].invalid:focus, .bowtie-fabric input.bowtie-widget[type=date].invalid.focus, .bowtie-fabric input.bowtie-widget[type=date]:invalid:focus, .bowtie-fabric input.bowtie-widget[type=date]:invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date].invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date].invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date].invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date].invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=date].required, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date].required, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=date].required:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date].required:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=date].required:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date].required:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=date]:disabled, .bowtie-fabric input.bowtie-widget[type=date]:disabled:hover, .bowtie-fabric input.bowtie-widget[type=date]:disabled:focus, .bowtie-fabric input.bowtie-widget[type=date]:disabled:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:disabled, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:disabled:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:disabled:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:disabled:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:disabled, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:disabled:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:disabled:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=date]:disabled.read-only, .bowtie-fabric input.bowtie-widget[type=date]:disabled:hover.read-only, .bowtie-fabric input.bowtie-widget[type=date]:disabled:focus.read-only, .bowtie-fabric input.bowtie-widget[type=date]:disabled:active.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:disabled.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:disabled:hover.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:disabled:focus.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:disabled:active.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:disabled.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:disabled:hover.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:disabled:focus.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=date]:disabled::selection, .bowtie-fabric input.bowtie-widget[type=date]:disabled:hover::selection, .bowtie-fabric input.bowtie-widget[type=date]:disabled:focus::selection, .bowtie-fabric input.bowtie-widget[type=date]:disabled:active::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:disabled::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:disabled:hover::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:disabled:focus::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]:disabled:active::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:disabled::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:disabled:hover::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:disabled:focus::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=date]::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=date]::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=date]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=month], .bowtie-fabric.modal-dialog input.bowtie-widget[type=month], .modal-dialog .bowtie-fabric input.bowtie-widget[type=month] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie-fabric input.bowtie-widget[type=month]:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=month]:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=month]:focus, .bowtie-fabric input.bowtie-widget[type=month].focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month].focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=month] ~ label, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month] ~ label, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month] ~ label {
  margin-top: 24px;
}

.bowtie-fabric input.bowtie-widget[type=month].invalid, .bowtie-fabric input.bowtie-widget[type=month]:invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month].invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month].invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=month].invalid:active, .bowtie-fabric input.bowtie-widget[type=month]:invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month].invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month].invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=month].invalid:focus, .bowtie-fabric input.bowtie-widget[type=month].invalid.focus, .bowtie-fabric input.bowtie-widget[type=month]:invalid:focus, .bowtie-fabric input.bowtie-widget[type=month]:invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month].invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month].invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month].invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month].invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=month].required, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month].required, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=month].required:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month].required:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=month].required:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month].required:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=month]:disabled, .bowtie-fabric input.bowtie-widget[type=month]:disabled:hover, .bowtie-fabric input.bowtie-widget[type=month]:disabled:focus, .bowtie-fabric input.bowtie-widget[type=month]:disabled:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:disabled, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:disabled:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:disabled:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:disabled:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:disabled, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:disabled:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:disabled:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=month]:disabled.read-only, .bowtie-fabric input.bowtie-widget[type=month]:disabled:hover.read-only, .bowtie-fabric input.bowtie-widget[type=month]:disabled:focus.read-only, .bowtie-fabric input.bowtie-widget[type=month]:disabled:active.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:disabled.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:disabled:hover.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:disabled:focus.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:disabled:active.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:disabled.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:disabled:hover.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:disabled:focus.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=month]:disabled::selection, .bowtie-fabric input.bowtie-widget[type=month]:disabled:hover::selection, .bowtie-fabric input.bowtie-widget[type=month]:disabled:focus::selection, .bowtie-fabric input.bowtie-widget[type=month]:disabled:active::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:disabled::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:disabled:hover::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:disabled:focus::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]:disabled:active::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:disabled::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:disabled:hover::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:disabled:focus::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=month]::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=month]::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=month]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=week], .bowtie-fabric.modal-dialog input.bowtie-widget[type=week], .modal-dialog .bowtie-fabric input.bowtie-widget[type=week] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie-fabric input.bowtie-widget[type=week]:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=week]:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=week]:focus, .bowtie-fabric input.bowtie-widget[type=week].focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week].focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=week] ~ label, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week] ~ label, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week] ~ label {
  margin-top: 24px;
}

.bowtie-fabric input.bowtie-widget[type=week].invalid, .bowtie-fabric input.bowtie-widget[type=week]:invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week].invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week].invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=week].invalid:active, .bowtie-fabric input.bowtie-widget[type=week]:invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week].invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week].invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=week].invalid:focus, .bowtie-fabric input.bowtie-widget[type=week].invalid.focus, .bowtie-fabric input.bowtie-widget[type=week]:invalid:focus, .bowtie-fabric input.bowtie-widget[type=week]:invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week].invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week].invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week].invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week].invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=week].required, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week].required, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=week].required:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week].required:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=week].required:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week].required:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=week]:disabled, .bowtie-fabric input.bowtie-widget[type=week]:disabled:hover, .bowtie-fabric input.bowtie-widget[type=week]:disabled:focus, .bowtie-fabric input.bowtie-widget[type=week]:disabled:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:disabled, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:disabled:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:disabled:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:disabled:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:disabled, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:disabled:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:disabled:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=week]:disabled.read-only, .bowtie-fabric input.bowtie-widget[type=week]:disabled:hover.read-only, .bowtie-fabric input.bowtie-widget[type=week]:disabled:focus.read-only, .bowtie-fabric input.bowtie-widget[type=week]:disabled:active.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:disabled.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:disabled:hover.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:disabled:focus.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:disabled:active.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:disabled.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:disabled:hover.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:disabled:focus.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=week]:disabled::selection, .bowtie-fabric input.bowtie-widget[type=week]:disabled:hover::selection, .bowtie-fabric input.bowtie-widget[type=week]:disabled:focus::selection, .bowtie-fabric input.bowtie-widget[type=week]:disabled:active::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:disabled::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:disabled:hover::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:disabled:focus::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]:disabled:active::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:disabled::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:disabled:hover::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:disabled:focus::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=week]::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=week]::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=week]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=datetime-local], .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local], .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie-fabric input.bowtie-widget[type=datetime-local]:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=datetime-local]:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=datetime-local]:focus, .bowtie-fabric input.bowtie-widget[type=datetime-local].focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local].focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=datetime-local] ~ label, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local] ~ label, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local] ~ label {
  margin-top: 24px;
}

.bowtie-fabric input.bowtie-widget[type=datetime-local].invalid, .bowtie-fabric input.bowtie-widget[type=datetime-local]:invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local].invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local].invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=datetime-local].invalid:active, .bowtie-fabric input.bowtie-widget[type=datetime-local]:invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local].invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local].invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=datetime-local].invalid:focus, .bowtie-fabric input.bowtie-widget[type=datetime-local].invalid.focus, .bowtie-fabric input.bowtie-widget[type=datetime-local]:invalid:focus, .bowtie-fabric input.bowtie-widget[type=datetime-local]:invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local].invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local].invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local].invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local].invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=datetime-local].required, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local].required, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=datetime-local].required:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local].required:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=datetime-local].required:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local].required:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled, .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled:hover, .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled:focus, .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:disabled, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:disabled:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:disabled:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:disabled:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled.read-only, .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled:hover.read-only, .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled:focus.read-only, .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled:active.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:disabled.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:disabled:hover.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:disabled:focus.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:disabled:active.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled:hover.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled:focus.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled::selection, .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled:hover::selection, .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled:focus::selection, .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled:active::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:disabled::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:disabled:hover::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:disabled:focus::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]:disabled:active::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled:hover::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled:focus::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=datetime-local]::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=datetime-local]::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=datetime-local]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=color], .bowtie-fabric.modal-dialog input.bowtie-widget[type=color], .modal-dialog .bowtie-fabric input.bowtie-widget[type=color] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie-fabric input.bowtie-widget[type=color]:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=color]:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=color]:focus, .bowtie-fabric input.bowtie-widget[type=color].focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color].focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=color] ~ label, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color] ~ label, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color] ~ label {
  margin-top: 24px;
}

.bowtie-fabric input.bowtie-widget[type=color].invalid, .bowtie-fabric input.bowtie-widget[type=color]:invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color].invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color].invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=color].invalid:active, .bowtie-fabric input.bowtie-widget[type=color]:invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color].invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color].invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=color].invalid:focus, .bowtie-fabric input.bowtie-widget[type=color].invalid.focus, .bowtie-fabric input.bowtie-widget[type=color]:invalid:focus, .bowtie-fabric input.bowtie-widget[type=color]:invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color].invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color].invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color].invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color].invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=color].required, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color].required, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=color].required:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color].required:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=color].required:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color].required:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=color]:disabled, .bowtie-fabric input.bowtie-widget[type=color]:disabled:hover, .bowtie-fabric input.bowtie-widget[type=color]:disabled:focus, .bowtie-fabric input.bowtie-widget[type=color]:disabled:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:disabled, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:disabled:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:disabled:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:disabled:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:disabled, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:disabled:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:disabled:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=color]:disabled.read-only, .bowtie-fabric input.bowtie-widget[type=color]:disabled:hover.read-only, .bowtie-fabric input.bowtie-widget[type=color]:disabled:focus.read-only, .bowtie-fabric input.bowtie-widget[type=color]:disabled:active.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:disabled.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:disabled:hover.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:disabled:focus.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:disabled:active.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:disabled.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:disabled:hover.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:disabled:focus.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=color]:disabled::selection, .bowtie-fabric input.bowtie-widget[type=color]:disabled:hover::selection, .bowtie-fabric input.bowtie-widget[type=color]:disabled:focus::selection, .bowtie-fabric input.bowtie-widget[type=color]:disabled:active::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:disabled::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:disabled:hover::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:disabled:focus::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]:disabled:active::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:disabled::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:disabled:hover::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:disabled:focus::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=color]::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=color]::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=color]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=time], .bowtie-fabric.modal-dialog input.bowtie-widget[type=time], .modal-dialog .bowtie-fabric input.bowtie-widget[type=time] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie-fabric input.bowtie-widget[type=time]:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=time]:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=time]:focus, .bowtie-fabric input.bowtie-widget[type=time].focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time].focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=time] ~ label, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time] ~ label, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time] ~ label {
  margin-top: 24px;
}

.bowtie-fabric input.bowtie-widget[type=time].invalid, .bowtie-fabric input.bowtie-widget[type=time]:invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time].invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time].invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=time].invalid:active, .bowtie-fabric input.bowtie-widget[type=time]:invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time].invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time].invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=time].invalid:focus, .bowtie-fabric input.bowtie-widget[type=time].invalid.focus, .bowtie-fabric input.bowtie-widget[type=time]:invalid:focus, .bowtie-fabric input.bowtie-widget[type=time]:invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time].invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time].invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time].invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time].invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=time].required, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time].required, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=time].required:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time].required:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=time].required:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time].required:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=time]:disabled, .bowtie-fabric input.bowtie-widget[type=time]:disabled:hover, .bowtie-fabric input.bowtie-widget[type=time]:disabled:focus, .bowtie-fabric input.bowtie-widget[type=time]:disabled:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:disabled, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:disabled:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:disabled:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:disabled:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:disabled, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:disabled:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:disabled:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=time]:disabled.read-only, .bowtie-fabric input.bowtie-widget[type=time]:disabled:hover.read-only, .bowtie-fabric input.bowtie-widget[type=time]:disabled:focus.read-only, .bowtie-fabric input.bowtie-widget[type=time]:disabled:active.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:disabled.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:disabled:hover.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:disabled:focus.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:disabled:active.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:disabled.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:disabled:hover.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:disabled:focus.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=time]:disabled::selection, .bowtie-fabric input.bowtie-widget[type=time]:disabled:hover::selection, .bowtie-fabric input.bowtie-widget[type=time]:disabled:focus::selection, .bowtie-fabric input.bowtie-widget[type=time]:disabled:active::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:disabled::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:disabled:hover::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:disabled:focus::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]:disabled:active::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:disabled::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:disabled:hover::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:disabled:focus::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=time]::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=time]::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=time]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=password], .bowtie-fabric.modal-dialog input.bowtie-widget[type=password], .modal-dialog .bowtie-fabric input.bowtie-widget[type=password] {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie-fabric input.bowtie-widget[type=password]:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=password]:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=password]:focus, .bowtie-fabric input.bowtie-widget[type=password].focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password].focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password].focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget[type=password] ~ label, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password] ~ label, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password] ~ label {
  margin-top: 24px;
}

.bowtie-fabric input.bowtie-widget[type=password].invalid, .bowtie-fabric input.bowtie-widget[type=password]:invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password].invalid, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password].invalid, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=password].invalid:active, .bowtie-fabric input.bowtie-widget[type=password]:invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password].invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password].invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=password].invalid:focus, .bowtie-fabric input.bowtie-widget[type=password].invalid.focus, .bowtie-fabric input.bowtie-widget[type=password]:invalid:focus, .bowtie-fabric input.bowtie-widget[type=password]:invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password].invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password].invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password].invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password].invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=password].required, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password].required, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password].required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=password].required:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password].required:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password].required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=password].required:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password].required:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password].required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=password]:disabled, .bowtie-fabric input.bowtie-widget[type=password]:disabled:hover, .bowtie-fabric input.bowtie-widget[type=password]:disabled:focus, .bowtie-fabric input.bowtie-widget[type=password]:disabled:active, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:disabled, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:disabled:hover, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:disabled:focus, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:disabled:active, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:disabled, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:disabled:hover, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:disabled:focus, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=password]:disabled.read-only, .bowtie-fabric input.bowtie-widget[type=password]:disabled:hover.read-only, .bowtie-fabric input.bowtie-widget[type=password]:disabled:focus.read-only, .bowtie-fabric input.bowtie-widget[type=password]:disabled:active.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:disabled.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:disabled:hover.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:disabled:focus.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:disabled:active.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:disabled.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:disabled:hover.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:disabled:focus.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=password]:disabled::selection, .bowtie-fabric input.bowtie-widget[type=password]:disabled:hover::selection, .bowtie-fabric input.bowtie-widget[type=password]:disabled:focus::selection, .bowtie-fabric input.bowtie-widget[type=password]:disabled:active::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:disabled::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:disabled:hover::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:disabled:focus::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]:disabled:active::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:disabled::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:disabled:hover::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:disabled:focus::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]:disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget[type=password]::selection, .bowtie-fabric.modal-dialog input.bowtie-widget[type=password]::selection, .modal-dialog .bowtie-fabric input.bowtie-widget[type=password]::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie-fabric input.bowtie-widget:not([type]), .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]), .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]) {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  padding: 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie-fabric input.bowtie-widget:not([type]):hover, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):hover, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):hover {
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget:not([type]):active, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):active, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget:not([type]):focus, .bowtie-fabric input.bowtie-widget:not([type]).focus, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):focus, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]).focus, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):focus, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]).focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-fabric input.bowtie-widget:not([type]) ~ label, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]) ~ label, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]) ~ label {
  margin-top: 24px;
}

.bowtie-fabric input.bowtie-widget:not([type]).invalid, .bowtie-fabric input.bowtie-widget:not([type]):invalid, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]).invalid, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):invalid, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]).invalid, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):invalid {
  background: rgba( 249, 235, 235 ,  1 );
  background: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  border-color: rgba( 218, 10, 0 ,  1 );
  border-color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-fabric input.bowtie-widget:not([type]).invalid:active, .bowtie-fabric input.bowtie-widget:not([type]):invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]).invalid:active, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]).invalid:active, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):invalid:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget:not([type]).invalid:focus, .bowtie-fabric input.bowtie-widget:not([type]).invalid.focus, .bowtie-fabric input.bowtie-widget:not([type]):invalid:focus, .bowtie-fabric input.bowtie-widget:not([type]):invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]).invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]).invalid.focus, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):invalid:focus, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]).invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]).invalid.focus, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):invalid:focus, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):invalid.focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget:not([type]).required, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]).required, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]).required {
  border: 2px solid #9abad4;
  background: rgba( 239, 246, 252 ,  1 );
  background: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie-fabric input.bowtie-widget:not([type]).required:active, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]).required:active, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]).required:active {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget:not([type]).required:focus, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]).required:focus, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]).required:focus {
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget:not([type]):disabled, .bowtie-fabric input.bowtie-widget:not([type]):disabled:hover, .bowtie-fabric input.bowtie-widget:not([type]):disabled:focus, .bowtie-fabric input.bowtie-widget:not([type]):disabled:active, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):disabled, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):disabled:hover, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):disabled:focus, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):disabled:active, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):disabled, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):disabled:hover, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):disabled:focus, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):disabled:active {
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  height: 32px;
  background: rgba( 234, 234, 234 ,  1 );
  background: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-fabric input.bowtie-widget:not([type]):disabled.read-only, .bowtie-fabric input.bowtie-widget:not([type]):disabled:hover.read-only, .bowtie-fabric input.bowtie-widget:not([type]):disabled:focus.read-only, .bowtie-fabric input.bowtie-widget:not([type]):disabled:active.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):disabled.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):disabled:hover.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):disabled:focus.read-only, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):disabled:active.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):disabled.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):disabled:hover.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):disabled:focus.read-only, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):disabled:active.read-only {
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget:not([type]):disabled::selection, .bowtie-fabric input.bowtie-widget:not([type]):disabled:hover::selection, .bowtie-fabric input.bowtie-widget:not([type]):disabled:focus::selection, .bowtie-fabric input.bowtie-widget:not([type]):disabled:active::selection, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):disabled::selection, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):disabled:hover::selection, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):disabled:focus::selection, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type]):disabled:active::selection, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):disabled::selection, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):disabled:hover::selection, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):disabled:focus::selection, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type]):disabled:active::selection {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-fabric input.bowtie-widget:not([type])::selection, .bowtie-fabric.modal-dialog input.bowtie-widget:not([type])::selection, .modal-dialog .bowtie-fabric input.bowtie-widget:not([type])::selection {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.bowtie-fabric fieldset.bowtie-widget, .bowtie-fabric.modal-dialog fieldset.bowtie-widget, .modal-dialog .bowtie-fabric fieldset.bowtie-widget {
  border: 0;
  margin: 24px 0 0 0;
  padding: 0;
}

.bowtie-fabric fieldset.bowtie-widget > div, .bowtie-fabric.modal-dialog fieldset.bowtie-widget > div, .modal-dialog .bowtie-fabric fieldset.bowtie-widget > div {
  margin-top: 24px;
}

.bowtie-fabric fieldset.bowtie-widget > div:first-child, .bowtie-fabric.modal-dialog fieldset.bowtie-widget > div:first-child, .modal-dialog .bowtie-fabric fieldset.bowtie-widget > div:first-child {
  margin-top: 0;
}

.bowtie-fabric fieldset.bowtie-widget label + div, .bowtie-fabric.modal-dialog fieldset.bowtie-widget label + div, .modal-dialog .bowtie-fabric fieldset.bowtie-widget label + div {
  margin-top: 0;
}

.bowtie-fabric fieldset.bowtie-widget legend, .bowtie-fabric.modal-dialog fieldset.bowtie-widget legend, .modal-dialog .bowtie-fabric fieldset.bowtie-widget legend {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  margin-bottom: 6px;
  padding: 0;
}

.bowtie-fabric fieldset.bowtie-widget legend.section, .bowtie-fabric.modal-dialog fieldset.bowtie-widget legend.section, .modal-dialog .bowtie-fabric fieldset.bowtie-widget legend.section {
  font-weight: 600;
}

.bowtie-fabric fieldset.bowtie-widget:first-child, .bowtie-fabric fieldset.bowtie-widget.first, .bowtie-fabric.modal-dialog fieldset.bowtie-widget:first-child, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.first, .modal-dialog .bowtie-fabric fieldset.bowtie-widget:first-child, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.first {
  margin: 0;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col {
  display: block;
  float: left;
  margin: 0;
  vertical-align: bottom;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col:nth-of-type(1n+3) label:first-child, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col:nth-of-type(1n+3) label:first-child, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col:nth-of-type(1n+3) label:first-child {
  margin-top: 24px;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col:nth-of-type(2n+2), .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col:nth-of-type(2n+2), .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col:nth-of-type(2n+2) {
  margin-left: 24px;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col:nth-of-type(2n+3), .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col:nth-of-type(2n+3), .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col:nth-of-type(2n+3) {
  clear: left;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=search], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=search], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=search] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=search].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=search].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=search].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=email], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=email], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=email] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=email].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=email].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=email].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=url], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=url], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=url] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=url].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=url].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=url].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=text], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=text], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=text] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=text].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=text].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=text].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=tel], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=tel], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=tel] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=tel].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=tel].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=tel].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=number], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=number], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=number] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=number].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=number].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=number].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=date], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=date], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=date] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=date].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=date].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=date].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=month], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=month], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=month] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=month].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=month].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=month].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=week], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=week], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=week] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=week].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=week].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=week].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=datetime-local], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=datetime-local], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=datetime-local] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=datetime-local].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=datetime-local].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=datetime-local].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=color], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=color], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=color] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=color].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=color].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=color].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=time], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=time], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=time] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=time].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=time].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=time].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=password], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=password], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=password] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=password].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input[type=password].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input[type=password].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input:not([type]), .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input:not([type]), .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input:not([type]) {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input:not([type]).required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col input:not([type]).required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col input:not([type]).required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col textarea, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col textarea, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col textarea {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col textarea.required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col textarea.required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col textarea.required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=search], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=search], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=search] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=search].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=search].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=search].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=email], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=email], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=email] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=email].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=email].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=email].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=url], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=url], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=url] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=url].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=url].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=url].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=text], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=text], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=text] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=text].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=text].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=text].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=tel], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=tel], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=tel] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=tel].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=tel].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=tel].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=number], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=number], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=number] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=number].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=number].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=number].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=date], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=date], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=date] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=date].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=date].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=date].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=month], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=month], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=month] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=month].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=month].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=month].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=week], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=week], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=week] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=week].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=week].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=week].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=datetime-local], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=datetime-local], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=datetime-local] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=datetime-local].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=datetime-local].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=datetime-local].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=color], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=color], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=color] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=color].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=color].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=color].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=time], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=time], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=time] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=time].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=time].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=time].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=password], .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=password], .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=password] {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=password].required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=password].required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input[type=password].required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input:not([type]), .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input:not([type]), .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input:not([type]) {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input:not([type]).required, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input:not([type]).required, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side div.form-col div.icon-input-container input:not([type]).required {
  width: 100%;
}

.bowtie-fabric fieldset.bowtie-widget.side-by-side.auto-size div.form-col, .bowtie-fabric.modal-dialog fieldset.bowtie-widget.side-by-side.auto-size div.form-col, .modal-dialog .bowtie-fabric fieldset.bowtie-widget.side-by-side.auto-size div.form-col {
  width: calc(50% - 12px);
}

.bowtie-fabric input.bowtie-widget.input-error[type=search], .bowtie-fabric.modal-dialog input.bowtie-widget.input-error[type=search], .modal-dialog .bowtie-fabric input.bowtie-widget.input-error[type=search] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie-fabric input.bowtie-widget.input-error[type=email], .bowtie-fabric.modal-dialog input.bowtie-widget.input-error[type=email], .modal-dialog .bowtie-fabric input.bowtie-widget.input-error[type=email] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie-fabric input.bowtie-widget.input-error[type=url], .bowtie-fabric.modal-dialog input.bowtie-widget.input-error[type=url], .modal-dialog .bowtie-fabric input.bowtie-widget.input-error[type=url] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie-fabric input.bowtie-widget.input-error[type=text], .bowtie-fabric.modal-dialog input.bowtie-widget.input-error[type=text], .modal-dialog .bowtie-fabric input.bowtie-widget.input-error[type=text] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie-fabric input.bowtie-widget.input-error[type=tel], .bowtie-fabric.modal-dialog input.bowtie-widget.input-error[type=tel], .modal-dialog .bowtie-fabric input.bowtie-widget.input-error[type=tel] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie-fabric input.bowtie-widget.input-error[type=number], .bowtie-fabric.modal-dialog input.bowtie-widget.input-error[type=number], .modal-dialog .bowtie-fabric input.bowtie-widget.input-error[type=number] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie-fabric input.bowtie-widget.input-error[type=date], .bowtie-fabric.modal-dialog input.bowtie-widget.input-error[type=date], .modal-dialog .bowtie-fabric input.bowtie-widget.input-error[type=date] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie-fabric input.bowtie-widget.input-error[type=month], .bowtie-fabric.modal-dialog input.bowtie-widget.input-error[type=month], .modal-dialog .bowtie-fabric input.bowtie-widget.input-error[type=month] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie-fabric input.bowtie-widget.input-error[type=week], .bowtie-fabric.modal-dialog input.bowtie-widget.input-error[type=week], .modal-dialog .bowtie-fabric input.bowtie-widget.input-error[type=week] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie-fabric input.bowtie-widget.input-error[type=datetime-local], .bowtie-fabric.modal-dialog input.bowtie-widget.input-error[type=datetime-local], .modal-dialog .bowtie-fabric input.bowtie-widget.input-error[type=datetime-local] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie-fabric input.bowtie-widget.input-error[type=color], .bowtie-fabric.modal-dialog input.bowtie-widget.input-error[type=color], .modal-dialog .bowtie-fabric input.bowtie-widget.input-error[type=color] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie-fabric input.bowtie-widget.input-error[type=time], .bowtie-fabric.modal-dialog input.bowtie-widget.input-error[type=time], .modal-dialog .bowtie-fabric input.bowtie-widget.input-error[type=time] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie-fabric input.bowtie-widget.input-error[type=password], .bowtie-fabric.modal-dialog input.bowtie-widget.input-error[type=password], .modal-dialog .bowtie-fabric input.bowtie-widget.input-error[type=password] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie-fabric input.bowtie-widget.input-error:not([type]), .bowtie-fabric.modal-dialog input.bowtie-widget.input-error:not([type]), .modal-dialog .bowtie-fabric input.bowtie-widget.input-error:not([type]) {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.identity-search-border {
  border:  1px solid;
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

/***** End Global styles *****/
/** Automatically converted from _index.css **/
/***** Begin --Common styles-- *****/
/** Automatically converted from bowtie-common.css **/
/* Contains general style definitions for bowtie-style-preview elements.*/
.bowtie-style-preview.flexwidth-medium {
  width: auto;
  max-width: 450px;
}

/* Error message */
.bowtie-style-preview .error-message-area {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  display: block;
  padding-bottom: 3px;
}

/* Textbox */
.bowtie-style-preview .textbox {
  margin-top: 5px;
}

.bowtie-style-preview .textbox-input {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  font-size: 14px;
  display: block;
  margin-left: 0px;
  outline: none;
  padding: 5px 10px 5px 10px;
  width: 100%;
}

.bowtie-style-preview .textbox-input .disabled {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  cursor: default;
  outline: none;
}

.bowtie-style-preview .textbox-input.invalid {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie-style-preview .textbox-label {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  display: block;
  overflow: hidden;
  padding-bottom: 3px;
  padding-top: 10px;
  text-align: left;
  white-space: nowrap;
  width: 100%;
}

/* Checkbox */
.bowtie-style-preview .checkbox {
  margin-top: 10px;
}

.bowtie-style-preview .checkbox-input {
  float: left;
  height: 15px;
  margin: 3px 0px 0px 0px;
  width: 15px;
}

.bowtie-style-preview .checkbox-label {
  font-size: 14px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  padding: 0px 0px 0px 5px;
}

/* Error message toolip */
.bowtie-style-preview .error-tip {
  /* The tooltip */
  background-color: rgba( 168, 0, 0 ,  1 );
  background-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  display: inline-block;
  margin-right: 20px;
  padding: 5px 10px 7px 10px;
  position: absolute;
  text-align: left;
  z-index: 910;
}

.bowtie-style-preview .error-tip:before {
  /* The pointer of the tooltip */
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: rgba( 168, 0, 0 ,  1 );
  border-bottom-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  top: -12px;
  z-index: 915;
}

/** Automatically converted from Semantics.css **/
/* Do not give stlyles here. */
/* These selectors are here to document which selector should
   not be used only for display purposes.*/
.heading {
  text-transform: uppercase;
  font-size: 14px;
  font-weight: bold;
  line-height: 22px;
  margin-right: 6px;
}

.hidden {
  display: none;
}

.icon {
  display: inline-block;
  width: 16px;
  height: 16px;
  overflow: hidden;
  vertical-align: middle;
}

/*do not confuse with the tag BODY*/
/* Applied to icons which are clickable.  Ensures the user gets
 * an indication that the icon is clickable. Similar behavior can
 * be achieved by surrounding the icon with an <a/> but in cases
 * where there is an icon associated with an existing link this
 * class can be applied so that when navigating through the keyboard
 * the icon and the link are not both tab stops.
 */
.action.icon {
  cursor: pointer;
}

/*Buttons*/
/** Automatically converted from Validation.css **/
.error {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
  font-size: 16px;
}

/*In fixed height mode, validation summary pane occupies a fixed amount of space regardless of validity*/
.validation-summary.fixed-height {
  height: 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.validation-summary.invalid {
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  padding: 5px;
  overflow: hidden;
  width: 100%;
}

.validation-summary.invalid a {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.validation-summary.invalid a:hover {
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}

.validation-summary.invalid .muted {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
}

.validation-summary.invalid-warning {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  border: 1px solid rgba(0, 0, 0, .55);
  border: 1px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding: 5px;
  overflow: hidden;
  width: 100%;
}

.validation-summary.invalid-warning a {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.validation-summary.invalid-warning a:hover {
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}

.validation-summary.invalid-warning .muted {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
}

.field-validation-error {
  color: rgba( 249, 235, 235 ,  1 );
  color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.field-validation-valid {
  display: none;
}

.input-validation-error, INPUT.validation-failure {
  border:  1px solid;
  border-color: rgba( 249, 235, 235 ,  1 );
  border-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.validation-summary-errors {
  font-weight: bold;
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.validation-summary-valid {
  display: none;
}

input.invalid, textarea.invalid {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
}

/** Automatically converted from Common.css **/
.requiredInfoLight {
  width: 100%;
  padding: 2px;
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.control-busy-overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba( 166, 166, 166 ,  1 );
  background: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  opacity: .30;
  filter: Alpha(Opacity=30);
  z-index: 10000;
}

/* Used for displaying the main error message in error pages */
.error-header {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  font-size: 16px;
}

.main-container .hub-view .tfs-unsupported-browser-notification.message-area-control {
  width: auto;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-left: 20px;
  border-color: transparent;
}

.main-container .hub-view .tfs-unsupported-browser-notification.message-area-control .close-action {
  right: 9px;
  padding: 8px;
}

.identity-picture {
  width: 48px;
  height: 48px;
  border-radius: 50%;
}

.identity-picture.preload {
  display: none;
}

.identity-picture.large-identity-picture {
  height: 80px;
  width: 80px;
  padding: 1px;
}

.identity-picture.small {
  width: 32px;
  height: 32px;
}

.identity-picture.x-small {
  width: 16px;
  height: 16px;
}

/* Styles associated with the watermark widget */
.watermark {
  color: rgba( 200, 200, 200 ,  1 );
  color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  font-style: italic;
}

.header-top a,
.header-top a:active,
.header-top a:hover,
.header-top a:visited,
.header-top button,
.header-bottom a,
.header-bottom a:active,
.header-bottom a:hover,
.header-bottom a:visited,
.header-bottom button {
  color: inherit;
  text-decoration: none;
}

.header-top button.search-icon,
.header-bottom button.search-icon {
  border: inherit;
  color: inherit;
}

.full-screen-mode .header,
.full-screen-mode .region-navigation {
  display: none;
}

a:not(.ms-Button).ms-ContextualMenu-link {
  color: inherit;
  text-decoration: none;
}

a:not(.ms-Button).ms-ContextualMenu-link.is-disabled {
  color: rgba( 200, 200, 200 ,  1 );
  color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

a:not(.ms-Button).ms-ContextualMenu-link:active, a:not(.ms-Button).ms-ContextualMenu-link:hover, a:not(.ms-Button).ms-ContextualMenu-link:visited {
  color: inherit;
  text-decoration: none;
}

a:not(.ms-Button).ms-ContextualMenu-link:active.is-disabled, a:not(.ms-Button).ms-ContextualMenu-link:hover.is-disabled, a:not(.ms-Button).ms-ContextualMenu-link:visited.is-disabled {
  color: rgba( 200, 200, 200 ,  1 );
  color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.layout-cell.bowtie-icon,
.commandbar-item.bowtie-icon {
  display: flex;
  line-height: inherit;
}

.hub-external.legacy-shim {
  position: relative;
  height: inherit;
  flex-grow: 1;
}

.legacy-shim a:not(.ms-Button) {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  text-decoration: none;
  cursor: pointer;
}

.legacy-shim a:not(.ms-Button):hover {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  text-decoration: underline;
}

.legacy-shim a:not(.ms-Button):visited {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

.legacy-shim a:not(.ms-Button):active {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
}

body.lwp {
  font-size: 0.875rem;
}

.new-platform-page .content {
  position: relative;
}

.new-platform-page .main-container {
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.new-platform-shim .content-section {
  top: 0;
}

.new-platform-shim {
  font-size: 0.875rem;
}

.full-screen-mode .mobile-page .region-header {
  display: flex;
}

.mobile-page {
  width: 100%;
}

.mobile-page .region-header {
  display: flex;
  flex-shrink: 0;
}

.mobile-page .region-footer {
  position: fixed;
  bottom: 0;
  z-index: 5000;
  width: 100%;
}

.mobile-page .external-hub-shim-container {
  position: relative;
  flex-grow: 1;
}

.flex-cell.bowtie-icon {
  display: flex;
}

/***** End --Common styles-- *****/
/** Automatically converted from _index.css **/
/***** Begin Layout *****/
/** Automatically converted from Main.css **/
.main-container {
  overflow: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  margin: 0;
  padding: 0;
}

.main-container > .main {
  overflow: hidden;
  min-width: 1024px;
  width: 100%;
  height: 100%;
  position: absolute;
  margin: 0;
  padding: 0;
  background-repeat: no-repeat;
  background-position: right top;
}

.Admin .main-container > .main {
  background-image: url("../../_content/bggear.png");
}

.no-chrome .main-container > .main {
  min-width: 0;
}

.perf-bar-container {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  height: 20px;
}

.perf-bar-container + .main-container {
  bottom: 20px;
}

/** Automatically converted from Content.css **/
.content-section {
  position: absolute;
  right: 0;
  left: 0;
  top: 70px;
  bottom: 0;
  overflow: auto;
  margin: 0;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  /*TODO: match .footer-section from footer.css*/
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.no-chrome .content-section {
  top: 0;
  bottom: 0;
}

.global-message-section + .content-section {
  top: 106px;
}

.global-message-section {
  position: absolute;
  top: 70px;
  height: 36px;
  width: 100%;
  padding: 10px 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: normal;
}

.global-message-section.message-level-info {
  background-color: rgba( 222, 236, 249 ,  1 );
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 );
}

.global-message-section.message-level-warning {
  background-color: rgba( 251, 242, 236 ,  1 );
  background-color: rgba( var(--palette-accent3-light,251, 242, 236) ,  1 );
}

.global-message-section.message-level-error {
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.global-message-section.message-level-success {
  background-color: rgba( 223, 246, 221 ,  1 );
  background-color: rgba( var(--palette-accent2-light,223, 246, 221) ,  1 );
}

.global-message-section .message-level-icon {
  margin-right: 5px;
}

.global-message-section .dimiss-section {
  cursor: pointer;
  position: absolute;
  right: 20px;
}

.global-message-section a {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.global-message-section a:hover {
  color: rgba( 0, 90, 158 ,  1 );
  color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
}

.global-message-section.top {
  position: fixed;
  top: 0px;
  padding: 0px;
}

.vss-error-handler-section {
  background-color: rgba( 0, 0, 0 ,  0.2 );
  background-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  0.2 );
  display: none;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 100000;
}

.vss-error-handler-section .error-dialog {
  top: 10px;
  position: absolute;
  width: 60%;
  overflow: auto;
  left: 20%;
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  border: 1px solid rgba(0, 0, 0, .55);
  border: 1px solid var(--text-secondary-color,rgba(0, 0, 0, .55));
  max-height: 40%;
}

.vss-error-handler-section .error-dialog > .message {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  overflow: auto;
  padding: 10px;
}

.vss-error-handler-section .error-dialog > .message textarea {
  width: 100%;
  height: 10em;
  display: block;
  resize: vertical;
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.vss-error-handler-section .error-dialog > .message textarea:focus {
  outline: none;
}

.vss-error-handler-section .error-dialog > .header {
  text-align: right;
  background-color: rgba( 168, 0, 0 ,  1 );
  background-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  font-weight: bold;
  padding: 5px;
}

.vss-error-handler-section .error-dialog > .header > .close {
  text-align: right;
  cursor: pointer;
  display: inline-block;
}

.vss-error-handler-section .error-dialog h4 {
  margin: 0;
}

/** Automatically converted from Navigation.css **/
/* Navigation skins */
/* First level navigation static skin */
.top-level-menu.menu-bar {
  color: rgba(255, 255, 255, 1);
  color: var(--background-color,rgba(255, 255, 255, 1));
}

.top-level-menu.menu-bar > .menu-item {
  display: inline-block;
  max-width: 180px;
  margin: 2px 0;
  border: none;
  min-height: 17px;
}

.top-level-menu.menu-bar.navigation-context > .menu-item {
  max-width: 250px;
}

.top-level-menu.menu-bar > .menu-item.hover {
  background-color: rgba(0, 0, 0, .55);
  background-color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  cursor: pointer;
}

.top-level-menu.menu-bar > .menu-item.disabled {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.Oi .top-level-menu.menu-bar > .menu-item.disabled {
  color: rgba(255, 255, 255, 1);
  color: var(--background-color,rgba(255, 255, 255, 1));
}

.top-level-menu.menu-bar > .menu-item.selected {
  font-weight: bold;
}

.top-level-menu.menu-bar > .menu-item > .drop {
  display: inline-block;
  position: relative;
  width: 16px;
  height: 16px;
  vertical-align: middle;
  overflow: hidden;
  background: url("../../_content/tfs-icons.png") no-repeat -1425px 50% !important;
}

.top-level-menu.menu-bar > .menu-item > .text {
  max-width: 145px;
}

.top-level-menu.menu-bar.navigation-context .menu-item > .text {
  max-width: 215px;
}

.top-level-menu.menu-bar > .menu-item > .separator {
  margin-left: 20px;
  height: 1px;
  background-color: rgba( 200, 200, 200 ,  1 );
  background-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

/* First level navigation popup skin */
.top-level-menu .menu {
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.top-level-menu .menu > .menu-item {
  padding: 2px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin: 0;
  margin-left: 1px;
  margin-right: 1px;
  font-weight: normal;
  border: 1px solid transparent;
}

.top-level-menu .menu > .menu-item.hover {
  cursor: pointer;
  background-color: transparent;
  border:  1px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  background-color: rgba( 222, 236, 249 ,  1 ) !important;
  background-color: rgba( var(--palette-primary-tint-30,222, 236, 249) ,  1 ) !important;
}

.top-level-menu .menu > .menu-item.disabled {
  color: rgba( 200, 200, 200 ,  1 );
  color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.top-level-menu .menu > .menu-item > .text {
  font-size: 120%;
  margin-left: 10px;
  margin-right: 4px;
}

.top-level-menu .menu > .menu-item > .drop {
  position: absolute;
  right: 0;
  top: 0;
  width: 10px;
  height: 100%;
  background: url("../../_content/tfs-icons.png") no-repeat -1523px 50% !important;
}

.top-level-menu .menu > .menu-item > .text-separator {
  font-size: 120%;
  font-weight: bold;
  margin: 5px 0 0 0;
  overflow: hidden;
  text-overflow: ellipsis;
  text-transform: uppercase;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  height: 1.3em;
}

.top-level-menu .menu > .menu-item:first-child > .text-separator {
  margin: 0;
}

.top-level-menu .menu > .menu-item > .separator {
  height: 1px;
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

/* Second level navigation static skin */
.navigation-hubs.menu-bar {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.navigation-hubs.menu-bar > .menu-item {
  display: inline-block;
  max-width: 250px;
  margin: 2px 20px 2px 0;
  padding: 3px 2px 3px 0;
  border: none;
}

.navigation-hubs.menu-bar > .menu-item.hover {
  cursor: pointer;
  background-color: transparent;
}

.navigation-hubs.menu-bar > .menu-item.disabled {
  color: rgba( 200, 200, 200 ,  1 );
  color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
}

.navigation-hubs.menu-bar > .menu-item.selected {
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.navigation-hubs.menu-bar > .menu-item.selected.hover {
  color: rgba( 51, 51, 51 ,  1 );
  color: rgba( var(--palette-neutral-80,51, 51, 51) ,  1 );
}

.navigation-hubs.menu-bar > .menu-item > .text {
  font-size: 18px;
}

.navigation-hubs.menu-bar > .menu-item.hover > .text {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.navigation-hubs.menu-bar > .menu-item > .separator {
  margin-left: 20px;
  height: 1px;
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

/* End of Navigation Skins */
.user-info {
  position: relative;
  height: 70px;
}

.user-info img.identity-picture {
  width: 64px;
  height: 64px;
  position: absolute;
}

.user-info .display-name {
  display: block;
  margin-left: 70px;
}

.user-info .email {
  display: block;
  margin-left: 70px;
}

.Admin .top-level-menu.menu-bar > .menu-item.menu-item-separator {
  color: rgba(255, 255, 255, 1);
  color: var(--background-color,rgba(255, 255, 255, 1));
  padding: 0;
}

.Admin .top-level-menu.menu-bar > .menu-item.menu-item-separator .text-separator {
  font-weight: normal;
  margin: 2px 0 0 0;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.Admin .top-level-menu.menu-bar > .menu-item.hover {
  background-color: rgba( 43, 136, 216 ,  1 );
  background-color: rgba( var(--palette-primary-tint-10,43, 136, 216) ,  1 );
}

/** Automatically converted from NavDropDown.css **/
.top-level-menu-v2.menu-bar {
  float: left;
  height: 31px;
}

.top-level-menu-v2.menu-bar.right-side {
  float: right;
}

.top-level-menu-v2.menu-bar > .menu-item > .text,
.top-level-menu-v2.menu-bar > .menu-item > .html {
  text-decoration: none;
  padding: 0 7px;
  height: 18px;
  vertical-align: top;
}

.top-level-menu-v2.menu-bar > .menu-item > .icon {
  height: 18px;
  margin: 0px 4px;
}

.top-level-menu-v2.menu-bar > .menu-item {
  display: inline-block;
  max-width: 180px;
  border: none;
  min-height: 17px;
  padding: 0px 5px;
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  text-decoration: none;
  float: left;
  font-size: 14px;
  background-size: contain;
}

.top-level-menu-v2.menu-bar > .menu-item.hover,
.top-level-menu-v2.menu-bar > .menu-item.icon-only.hover {
  cursor: pointer;
  background-color: rgba( 0, 90, 158 ,  1 );
  background-color: rgba( var(--palette-primary-shade-20,0, 90, 158) ,  1 );
  border: 0;
  outline: 0;
}

.top-level-menu-v2.menu-bar.project-selector .drop {
  display: inline-block;
  width: 16px;
  vertical-align: top;
  background-position-y: top;
  background-position-x: right;
  margin: 7px;
  cursor: pointer;
}

.right-side .top-level-menu-v2.menu-bar .drop {
  display: none;
}

.top-level-menu-v2.menu-bar .menu {
  color: #5b5b5b;
  background: white;
  white-space: nowrap;
  min-width: 120px;
  z-index: 10000;
  display: none;
  border: none;
  /* IE8 specific dropshadow */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='$neutral-8') progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=225, Color='$neutral-8') ";
  -webkit-box-shadow: 0 0 20px rgba(91, 91, 91, 0.4);
  -moz-box-shadow: 0 0 20px rgba(91, 91, 91, 0.4);
  box-shadow: 0 0 20px rgba(91, 91, 91, 0.4);
  padding: 10px 0px 5px 0px;
  line-height: 100%;
}

/* Undoes IE8 specific dropshadow which would otherwise affect IE9 and 10*/
.top-level-menu-v2.menu-bar .menu:nth-child(n) {
  -ms-filter: "";
}

.top-level-menu-v2.menu-bar.project-selector .menu {
  border-bottom: 5px solid rgba(0, 90, 158, 1);
  border-bottom: 5px solid var(--communication-foreground,rgba(0, 90, 158, 1));
  background: rgba(255, 255, 255, 1);
  background: var(--background-color,rgba(255, 255, 255, 1));
}

.top-level-menu-v2.menu-bar.help-menu .menu {
  border-bottom: 5px solid #68217a;
  background: rgba(255, 255, 255, 1);
  background: var(--background-color,rgba(255, 255, 255, 1));
}

.top-level-menu-v2.menu-bar.user-menu .menu {
  padding-bottom: 0px;
}

.top-level-menu-v2.menu-bar .menu > .menu-item,
.top-level-menu-v2.menu-bar .menu > .menu-item-container > .menu-item {
  font-size: 11px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
  padding: 9px 18px;
  border: none;
  text-decoration: none;
}

.top-level-menu-v2.menu-bar .menu > .menu-item.hover,
.top-level-menu-v2.menu-bar .menu > .menu-item-container > .menu-item.hover {
  border: none;
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  background-color: transparent !important;
}

.top-level-menu-v2.menu-bar .menu > .menu-item > .text > .arrow-right {
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
  width: 14px;
  height: 15px;
}

.top-level-menu-v2.menu-bar .menu > .menu-item > .text > .arrow-right {
  background: url("../../_content/header-icons.png") no-repeat -16px -16px !important;
}

.top-level-menu-v2.menu-bar .menu > .menu-item.hover > .text > .arrow-right {
  background: url("../../_content/header-icons.png") no-repeat -48px -16px !important;
}

.top-level-menu-v2.menu-bar .menu-item.help-menu-image,
.top-level-menu-v2.menu-bar .menu-item.project-selector-image {
  padding: 0;
  margin: 0;
  margin-top: 10px;
}

.top-level-menu-v2.menu-bar .menu-item div.nav-menu-image {
  position: relative;
  vertical-align: bottom;
  right: 20px;
  float: right;
  width: 81px;
  height: 60px;
}

.top-level-menu-v2.menu-bar.project-selector .menu-item.project-selector-image div.nav-menu-image {
  background: url("../../_content/header-icons.png") no-repeat -441px 8px !important;
}

.top-level-menu-v2.menu-bar.help-menu .menu-item.help-menu-image div.nav-menu-image {
  background: url("../../_content/header-icons.png") no-repeat -700px 0px !important;
}

.top-level-menu-v2.menu-bar.user-menu .menu > .menu-item {
  padding-right: 32px;
}

.top-level-menu-v2.menu-bar.user-menu .menu > .menu-item.my-profile,
.top-level-menu-v2.menu-bar.user-menu .menu > .menu-item.my-alerts,
.top-level-menu-v2.menu-bar.user-menu .menu > .menu-item.my-usage,
.top-level-menu-v2.menu-bar.user-menu .menu > .menu-item.new-navigation-toggle,
.top-level-menu-v2.menu-bar.user-menu .menu > .menu-item.sign-in-as,
.top-level-menu-v2.menu-bar.user-menu .menu > .menu-item.sign-out,
.top-level-menu-v2.menu-bar.user-menu .menu > .menu-item.my-security {
  margin-left: 120px !important;
}

.top-level-menu-v2.menu-bar.user-menu .menu-item.identity-image {
  position: absolute;
  left: 16px;
  top: 14px;
  padding: 0px;
}

.top-level-menu-v2.menu-bar.user-menu .menu-item.identity-image img.identity-picture {
  height: 90px;
  width: 90px;
}

.top-level-menu-v2.menu-bar.user-menu .menu-item.user-email {
  background-color: rgba(0, 90, 158, 1);
  background-color: var(--communication-foreground,rgba(0, 90, 158, 1));
  position: relative;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0;
  margin-top: 10px;
  padding-left: 24px;
  padding-right: 24px;
  cursor: default;
}

.top-level-menu-v2.menu-bar.user-menu .menu-item.user-email .text-separator {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  font-weight: inherit;
  text-transform: inherit;
  margin: 0;
}

/*IE compatible styling to add extra padding to the user-email depending on the number of items in the menu.  Can't use :nth-child as it doesn't work in IE8*/
.top-level-menu-v2.menu-bar.user-menu .menu-item + .menu-item + .menu-item + .menu-item + .menu-item.user-email {
  margin-top: 10px;
}

.top-level-menu-v2.menu-bar.user-menu .menu-item + .menu-item + .menu-item + .menu-item.user-email {
  margin-top: 42px;
}

.top-level-menu-v2.menu-bar.user-menu .menu-item + .menu-item + .menu-item.user-email {
  margin-top: 74px;
}

/** Automatically converted from HomeView.css **/
.home-view .hub-content {
  top: 0px;
}

.home-view .message-area-control.visible ~ .hub-content {
  top: 39px;
}

.home-view .message-area-control.visible ~ .visible ~ .hub-content {
  top: 78px;
}

.home-action-list {
  margin-left: 12px;
  display: inline-block;
  width: 500px;
}

.home-action {
  position: relative;
  height: 24px;
}

.home-action-title {
  position: absolute;
  margin-left: 8px;
}

/** Automatically converted from HubView.css **/
.hub-view {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}

.hub-title {
  position: absolute;
  left: 0;
  right: 0;
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 12px;
  padding-bottom: 12px;
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: 200;
  font-size: 18px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.full-screen-mode .hub-title {
  font-size: 16px;
  padding: 8px 0px;
}

.hub-title-right {
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: 200;
  font-size: 16px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.hub-title-right-secondary {
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-size: 14px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55));
}

.hub-progress {
  position: absolute;
  top: 46px;
  right: 10px;
  left: 10px;
  height: 3px;
}

.hub-progress {
  background: url("../../_content/progress.gif") 0 -8px !important;
}

.hub-content {
  position: absolute;
  left: 0px;
  top: 45px;
  right: 0px;
  bottom: 0;
  overflow: auto;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.hub-title ~ .message-area-control.visible ~ .hub-content {
  top: 84px;
}

.hub-title ~ .message-area-control.visible ~ .visible ~ .hub-content {
  top: 123px;
}

.hub-title ~ .message-area-control.visible {
  top: 45px;
}

.no-title .hub-title {
  display: none;
}

.no-title .hub-progress {
  top: 0px;
}

.no-title .hub-content,
.no-title .hub-title ~ .message-area-control.visible {
  top: 0px;
}

.no-title .message-area-control.visible ~ .hub-content,
.hub-view.explorer .message-area-control.visible ~ .hub-content,
.no-title .hub-title ~ .message-area-control.visible ~ .visible {
  top: 39px;
}

.no-title .message-area-control.visible ~ .visible ~ .hub-content,
.hub-view.explorer .message-area-control.visible ~ .visible ~ .hub-content {
  top: 78px;
}

.hub-view .message-area-control.visible ~ .hub-title ~ .hub-content {
  top: 78px;
}

.hub-view.explorer .hub-content {
  top: 0;
}

.hub-no-content-gutter {
  padding-left: 20px;
}

.hub-pivot {
  font-size: 11px;
  position: relative;
  left: 0;
  top: 0;
  right: 0;
  overflow: visible;
  height: 34px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.views {
  float: left;
  font-size: 14px;
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  height: 34px;
}

.views .selected {
  font-weight: bold;
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
}

.hub-pivot > .filters {
  position: relative;
  right: 20px;
  font-size: 14px;
  float: right;
  height: 34px;
}

.hub-pivot > .filters > .pivot-filter {
  height: 34px;
  line-height: 34px;
  /* Vertically center filter items */
  padding-top: 0;
  padding-bottom: 0;
}

.hub-pivot > .filters > .pivot-filter > span {
  height: calc(34px - 2px);
}

.hub-pivot > .filters .title {
  font-size: 14px;
}

.hub-pivot-content {
  position: absolute;
  left: 0;
  top: 34px;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.hub-pivot.hidden ~ .hub-pivot-content {
  top: 0;
}

.hub-splitter.splitter.horizontal > .leftPane {
  width: 250px;
}

.hub-splitter.splitter.horizontal > .rightPane {
  left: 250px;
}

.hub-splitter.splitter.horizontal > .handleBar {
  left: 250px;
}

.hub-view .hub-splitter.splitter.horizontal.toggle-button-enabled.collapsed > .leftPane {
  width: 0;
}

.hub-view .hub-splitter.splitter.horizontal.toggle-button-enabled.collapsed > .rightPane {
  left: 20px;
  margin-left: 20px;
}

.hub-view .hub-splitter.splitter.horizontal.toggle-button-enabled.collapsed > .handleBar {
  left: 0;
  width: 20px;
}

.left-hub-content {
  position: absolute;
  top: 10px;
  left: 0;
  right: 0px;
  bottom: 0;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.right-hub-content {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.hub-view.explorer .right-hub-content {
  top: 45px;
}

.full-screen-mode .hub-view.explorer .right-hub-content {
  top: 35px;
}

.hub-external {
  height: 100%;
  overflow: hidden;
}

/* If the hub-view is in advertisement mode, shift the right hub to fill the entire space */
.remove-hub-title-mode.hub-view.explorer .right-hub-content {
  top: 0px;
}

/** Automatically converted from Platform.css **/
body.platform #header-row {
  margin: 0;
  height: 31px;
  line-height: 31px;
  padding: 0 0 0 20px;
  background: #68217a;
}

body.platform #header-row > .right-side {
  float: right;
}

body.platform #header-row .header-item.logo {
  float: left;
  margin: 0px;
}

body.platform #header-row .header-item.logo.header-logo-vsonline {
  width: 141px;
  height: 20px;
  margin-top: 6px;
}

.header-section #header-row .header-item.logo.header-logo-vsonline {
  background: url("../../_content/Header/vsonline.png") no-repeat 0 0 !important;
}

body.platform .top-level-menu-v2.menu-bar {
  padding: 0 !important;
}

body.platform .top-level-menu-v2.menu-bar > .menu-item.hover {
  background-color: #442359;
}

body.platform .top-level-menu-v2.menu-bar > .menu-item.focus {
  outline: none;
}

body.platform .top-level-menu-v2.user-menu .menu-item.user-email {
  background-color: #68217a;
}

body.platform .content-section {
  top: 31px;
  bottom: 0;
}

/***** End Layout *****/
/** Automatically converted from _index.css **/
/***** Begin Discussion Area *****/
/** Automatically converted from BackgroundHostPool.css **/
.vs-app-hosts-container {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
  top: 10px;
  left: 10px;
  display: none;
  border: 0;
}

/** Automatically converted from ExtensionHost.css **/
/*ExtensionHost control styles*/
.extension-host-container {
  position: relative;
  height: 100%;
  width: 100%;
}

.extension-host-container > iframe {
  height: 100%;
  width: 100%;
  position: absolute;
}

.extension-host-container > .fallback-control {
  height: 100%;
  width: 100%;
  position: relative;
}

.extension-host-container > iframe.loading {
  opacity: .30;
  filter: Alpha(Opacity=30);
}

.extension-host-container > .status-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}

.extension-host-container > .status-container .status-indicator {
  z-index: 1001;
}

.extension-host-control .message-area-control {
  position: absolute;
  left: 8px;
  right: 8px;
  top: 0;
  height: auto;
  width: auto;
  z-index: 1000;
}

.extension-host-control.external-part {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.external-part > .extension-host-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.external-part > .extension-host-container > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hub-external > .extension-host-container {
  height: 100% !important;
}

.hub-external > .extension-host-container > iframe {
  height: 100% !important;
}

.hub-external > .internal-content-host {
  height: 100%;
}

.hub-external > .internal-content-host .vss-Hub {
  height: 100%;
}

.modal-dialog.extension-dialog {
  position: relative;
}

@keyframes spinAnimation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.hub-external > .spinner {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.hub-external > .spinner > .spinner-circle {
  border-radius: 50%;
  border:  1.5px solid;
  border-color: rgba( 199, 224, 244 ,  1 );
  border-color: rgba( var(--palette-primary-tint-20,199, 224, 244) ,  1 );
  border-top-color: rgba(0, 120, 212, 1);
  border-top-color: var(--communication-background,rgba(0, 120, 212, 1));
  animation: spinAnimation 1.3s infinite cubic-bezier(0.53, 0.21, 0.29, 0.67);
  width: 28px;
  height: 28px;
}

.hub-external > .spinner > .spinner-label {
  color: rgba(0, 90, 158, 1);
  color: var(--communication-foreground,rgba(0, 90, 158, 1));
  margin-top: 10px;
  font-size: 14px;
}

/** Automatically converted from ExternalContentHost.css **/
/*ExternalContentHost control styles*/
.external-content-host {
  position: relative;
  height: 100%;
  width: 100%;
}

.external-content-host .external-content-host-container {
  position: relative;
  height: 100%;
  width: 100%;
  overflow: hidden;
}

.external-content-host .external-content-iframe {
  height: 100%;
  width: 100%;
}

.external-content-host .external-content-iframe.themeless {
  background: white;
}

.external-content-host .external-content-iframe.loading {
  opacity: .30;
  filter: Alpha(Opacity=30);
}

.external-content-host .external-content-host-container > .status-container {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
}

.external-content-host .external-content-host-container > .status-container .status-indicator {
  z-index: 1001;
}

.external-content-host .message-area-control.error-message,
.external-content-host .message-area-control.warning-message {
  border-width: 0;
  position: absolute;
  height: auto;
  width: auto;
  z-index: 1000;
}

.external-content-host .message-area-control.warning-message {
  left: 0;
  right: 0;
  top: 0;
  padding-left: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.external-content-host .message-area-control.error-message {
  left: 10px;
  right: 10px;
  top: 10px;
  padding-left: 10px;
}

.external-content-host .message-area-control .help-text {
  margin-left: 5px;
}

.hub-external .external-content-host {
  height: 100%;
}

.external-dialog > .external-content-host {
  height: 100%;
  overflow-y: hidden;
}

/***** End Discussion Area *****/
@font-face {
  font-family: 'bowtie';
  font-style: normal;
  font-weight: normal;
  src: url("../../_content/Fonts/Icons/bowtie.eot");
  src: url("../../_content/Fonts/Icons/bowtie.eot?iefix") format("embedded-opentype"), url("../../_content/Fonts/Icons/bowtie.woff") format("woff"), url("../../_content/Fonts/Icons/bowtie.svg#bowtie") format("svg");
}

.bowtie-icon, i.bowtie-icon, .bowtie > i, .bowtie-fabric > i, .bowtie-fabric .bowtie-icon {
  font-family: "Bowtie";
  font-size: 14px;
  speak: none;
  display: inline-block;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-align: center;
  text-decoration: none;
  line-height: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bowtie-icon.right, i.bowtie-icon.right, .bowtie > i.right, .bowtie-fabric > i.right, .bowtie-fabric .bowtie-icon.right {
  margin-left: 6px;
  margin-right: 0px;
}

.bowtie-icon.left, i.bowtie-icon.left, .bowtie > i.left, .bowtie-fabric > i.left, .bowtie-fabric .bowtie-icon.left {
  margin-right: 6px;
  margin-left: 0px;
}

.bowtie-icon.inline, i.bowtie-icon.inline, .bowtie > i.inline, .bowtie-fabric > i.inline, .bowtie-fabric .bowtie-icon.inline {
  margin-right: 6px;
  margin-left: 6px;
}

.bowtie-icon.icon-disabled, .bowtie-icon.disabled, .bowtie-icon:disabled, i.bowtie-icon.icon-disabled, i.bowtie-icon.disabled, i.bowtie-icon:disabled, .bowtie > i.icon-disabled, .bowtie > i.disabled, .bowtie > i:disabled, .bowtie-fabric > i.icon-disabled, .bowtie-fabric > i.disabled, .bowtie-fabric > i:disabled, .bowtie-fabric .bowtie-icon.icon-disabled, .bowtie-fabric .bowtie-icon.disabled, .bowtie-fabric .bowtie-icon:disabled {
  opacity: 0.5;
}

.bowtie i > i, .bowtie-fabric i > i {
  position: relative;
}

.bowtie i > i:nth-of-type(2n + 1), .bowtie-fabric i > i:nth-of-type(2n + 1) {
  left: -6px;
  top: 2px;
  font-size: 13px;
  color: white;
}

.bowtie i > i:nth-of-type(2n), .bowtie-fabric i > i:nth-of-type(2n) {
  font-size: 12px;
  left: -18px;
  top: 1.2px;
}

.bowtie-arrow-up::before {
  content: "\E900";
}

.bowtie-arrow-left::before {
  content: "\E901";
}

.bowtie-arrow-down::before {
  content: "\E902";
}

.bowtie-arrow-right::before {
  content: "\E903";
}

.bowtie-arrow-up-left::before {
  content: "\E904";
}

.bowtie-arrow-up-right::before {
  content: "\E905";
}

.bowtie-arrow-down-left::before {
  content: "\E906";
}

.bowtie-arrow-down-right::before {
  content: "\E907";
}

.bowtie-arrow-export::before {
  content: "\E908";
}

.bowtie-arrow-open::before {
  content: "\E909";
}

.bowtie-sort::before {
  content: "\E90A";
}

.bowtie-sort-ascending::before {
  content: "\E90B";
}

.bowtie-sort-descending::before {
  content: "\E90C";
}

.bowtie-switch::before {
  content: "\E90D";
}

.bowtie-synchronize::before {
  content: "\E90E";
}

.bowtie-transfer-download::before {
  content: "\E90F";
}

.bowtie-transfer-upload::before {
  content: "\E910";
}

.bowtie-azure-api-management::before {
  content: "\E911";
}

.bowtie-azure-service-endpoint::before {
  content: "\E912";
}

.bowtie-brand-android::before {
  content: "\E913";
}

.bowtie-brand-facebook::before {
  content: "\E914";
}

.bowtie-brand-git::before {
  content: "\E915";
}

.bowtie-brand-github::before {
  content: "\E916";
}

.bowtie-brand-maven::before {
  content: "\E917";
}

.bowtie-brand-mtm::before {
  content: "\E918";
}

.bowtie-brand-npm::before {
  content: "\E919";
}

.bowtie-brand-nuget::before {
  content: "\E91A";
}

.bowtie-brand-tfvc::before {
  content: "\E91B";
}

.bowtie-brand-twitter::before {
  content: "\E91C";
}

.bowtie-brand-visualstudio::before {
  content: "\E91D";
}

.bowtie-brand-windows::before {
  content: "\E91E";
}

.bowtie-git::before {
  content: "\E91F";
}

.bowtie-logo-visual-studio::before {
  content: "\E920";
}

.bowtie-tfvc-repo::before {
  content: "\E921";
}

.bowtie-chart-area::before {
  content: "\E922";
}

.bowtie-chart-bar::before {
  content: "\E923";
}

.bowtie-chart-column::before {
  content: "\E924";
}

.bowtie-chart-pie::before {
  content: "\E925";
}

.bowtie-chart-pivot::before {
  content: "\E926";
}

.bowtie-chart-stacked-area::before {
  content: "\E927";
}

.bowtie-chart-stacked-bar::before {
  content: "\E928";
}

.bowtie-chart-stacked-line::before {
  content: "\E929";
}

.bowtie-build-queue-new::before {
  content: "\E92A";
}

.bowtie-clone-to-desktop::before {
  content: "\E92B";
}

.bowtie-install::before {
  content: "\E92C";
}

.bowtie-comment::before {
  content: "\E92D";
}

.bowtie-comment-add::before {
  content: "\E92E";
}

.bowtie-comment-discussion::before {
  content: "\E92F";
}

.bowtie-comment-lines::before {
  content: "\E930";
}

.bowtie-comment-next::before {
  content: "\E931";
}

.bowtie-comment-outline::before {
  content: "\E932";
}

.bowtie-comment-previous::before {
  content: "\E933";
}

.bowtie-comment-urgent::before {
  content: "\E934";
}

.bowtie-alert::before {
  content: "\E935";
}

.bowtie-approve::before {
  content: "\E936";
}

.bowtie-approve-disapprove::before {
  content: "\E937";
}

.bowtie-blur::before {
  content: "\E938";
}

.bowtie-build::before {
  content: "\E939";
}

.bowtie-build-queue::before {
  content: "\E93A";
}

.bowtie-build-reason-checkin-shelveset::before {
  content: "\E93B";
}

.bowtie-calendar::before {
  content: "\E93C";
}

.bowtie-calendar-month::before {
  content: "\E93D";
}

.bowtie-camera::before {
  content: "\E93E";
}

.bowtie-clone::before {
  content: "\E93F";
}

.bowtie-cloud::before {
  content: "\E940";
}

.bowtie-cloud-fill::before {
  content: "\E941";
}

.bowtie-copy-to-clipboard::before {
  content: "\E942";
}

.bowtie-dashboard::before {
  content: "\E943";
}

.bowtie-dashboard-fill::before {
  content: "\E944";
}

.bowtie-database::before {
  content: "\E945";
}

.bowtie-deploy::before {
  content: "\E946";
}

.bowtie-redeploy::before {
  content: "\E947";
}

.bowtie-details-pane::before {
  content: "\E948";
}

.bowtie-edit::before {
  content: "\E949";
}

.bowtie-edit-outline::before {
  content: "\E94A";
}

.bowtie-edit-copy::before {
  content: "\E94B";
}

.bowtie-edit-cut::before {
  content: "\E94C";
}

.bowtie-editor-list-bullet::before {
  content: "\E94D";
}

.bowtie-edit-paste::before {
  content: "\E94E";
}

.bowtie-edit-delete::before {
  content: "\E94F";
}

.bowtie-edit-remove::before {
  content: "\E950";
}

.bowtie-edit-redo::before {
  content: "\E951";
}

.bowtie-edit-undo::before {
  content: "\E952";
}

.bowtie-edit-rename::before {
  content: "\E953";
}

.bowtie-attach::before {
  content: "\E954";
}

.bowtie-link::before {
  content: "\E955";
}

.bowtie-server::before {
  content: "\E956";
}

.bowtie-environment::before {
  content: "\E957";
}

.bowtie-devices::before {
  content: "\E958";
}

.bowtie-feedback-negative::before {
  content: "\E959";
}

.bowtie-feedback-positive::before {
  content: "\E95A";
}

.bowtie-folder::before {
  content: "\E95B";
}

.bowtie-image::before {
  content: "\E95C";
}

.bowtie-package::before {
  content: "\E95D";
}

.bowtie-package-fill::before {
  content: "\E95E";
}

.bowtie-heart::before {
  content: "\E95F";
}

.bowtie-heart-fill::before {
  content: "\E960";
}

.bowtie-heartbeat::before {
  content: "\E961";
}

.bowtie-heartbeat-fill::before {
  content: "\E962";
}

.bowtie-mail-message::before {
  content: "\E963";
}

.bowtie-mail-message-fill::before {
  content: "\E964";
}

.bowtie-math-minus::before {
  content: "\E965";
}

.bowtie-math-minus-light::before {
  content: "\E966";
}

.bowtie-math-minus-box-light::before {
  content: "\E967";
}

.bowtie-math-minus-box::before {
  content: "\E968";
}

.bowtie-math-minus-circle-outline::before {
  content: "\E969";
}

.bowtie-math-minus-circle::before {
  content: "\E96A";
}

.bowtie-math-multiply::before {
  content: "\E96B";
}

.bowtie-math-multiply-light::before {
  content: "\E96C";
}

.bowtie-math-multiply-box-light::before {
  content: "\E96D";
}

.bowtie-math-multiply-box::before {
  content: "\E96E";
}

.bowtie-math-multiply-box-outline::before {
  content: "\E96F";
}

.bowtie-math-plus::before {
  content: "\E970";
}

.bowtie-math-plus-light::before {
  content: "\E971";
}

.bowtie-math-plus-box-light::before {
  content: "\E972";
}

.bowtie-math-plus-box::before {
  content: "\E973";
}

.bowtie-math-plus-circle-outline::before {
  content: "\E974";
}

.bowtie-math-plus-circle::before {
  content: "\E975";
}

.bowtie-math-plus-heavy::before {
  content: "\E976";
}

.bowtie-check::before {
  content: "\E977";
}

.bowtie-check-light::before {
  content: "\E978";
}

.bowtie-feed::before {
  content: "\E979";
}

.bowtie-network-tower::before {
  content: "\E97A";
}

.bowtie-connect-to-feed::before {
  content: "\E97B";
}

.bowtie-plug::before {
  content: "\E97C";
}

.bowtie-plug-outline::before {
  content: "\E97D";
}

.bowtie-policy::before {
  content: "\E97E";
}

.bowtie-print::before {
  content: "\E97F";
}

.bowtie-recycle::before {
  content: "\E980";
}

.bowtie-robot::before {
  content: "\E981";
}

.bowtie-save::before {
  content: "\E982";
}

.bowtie-save-all::before {
  content: "\E983";
}

.bowtie-save-as::before {
  content: "\E984";
}

.bowtie-save-close::before {
  content: "\E985";
}

.bowtie-search::before {
  content: "\E986";
}

.bowtie-search-filter::before {
  content: "\E987";
}

.bowtie-search-filter-fill::before {
  content: "\E988";
}

.bowtie-security::before {
  content: "\E989";
}

.bowtie-security-access::before {
  content: "\E98A";
}

.bowtie-security-lock::before {
  content: "\E98B";
}

.bowtie-security-lock-fill::before {
  content: "\E98C";
}

.bowtie-security-unlock::before {
  content: "\E98D";
}

.bowtie-security-unlock-fill::before {
  content: "\E98E";
}

.bowtie-settings-gear::before {
  content: "\E98F";
}

.bowtie-settings-gear-outline::before {
  content: "\E990";
}

.bowtie-settings-wrench::before {
  content: "\E991";
}

.bowtie-trash::before {
  content: "\E992";
}

.bowtie-share::before {
  content: "\E993";
}

.bowtie-shop::before {
  content: "\E994";
}

.bowtie-shop-server::before {
  content: "\E995";
}

.bowtie-tag::before {
  content: "\E996";
}

.bowtie-tag-fill::before {
  content: "\E997";
}

.bowtie-user::before {
  content: "\E998";
}

.bowtie-users::before {
  content: "\E999";
}

.bowtie-variable::before {
  content: "\E99A";
}

.bowtie-video::before {
  content: "\E99B";
}

.bowtie-view-grid::before {
  content: "\E99C";
}

.bowtie-watch-eye::before {
  content: "\E99D";
}

.bowtie-watch-eye-fill::before {
  content: "\E99E";
}

.bowtie-live-update-feed::before {
  content: "\E99F";
}

.bowtie-checkbox::before {
  content: "\E9A0";
}

.bowtie-checkbox-empty::before {
  content: "\E9A1";
}

.bowtie-chevron-up::before {
  content: "\E9A2";
}

.bowtie-chevron-left::before {
  content: "\E9A3";
}

.bowtie-chevron-down::before {
  content: "\E9A4";
}

.bowtie-chevron-right::before {
  content: "\E9A5";
}

.bowtie-chevron-up-light::before {
  content: "\E9A6";
}

.bowtie-chevron-left-light::before {
  content: "\E9A7";
}

.bowtie-chevron-down-light::before {
  content: "\E9A8";
}

.bowtie-chevron-right-light::before {
  content: "\E9A9";
}

.bowtie-chevron-up-all::before {
  content: "\E9AA";
}

.bowtie-chevron-left-all::before {
  content: "\E9AB";
}

.bowtie-chevron-down-all::before {
  content: "\E9AC";
}

.bowtie-chevron-right-all::before {
  content: "\E9AD";
}

.bowtie-chevron-up-end::before {
  content: "\E9AE";
}

.bowtie-chevron-left-end::before {
  content: "\E9AF";
}

.bowtie-chevron-down-end::before {
  content: "\E9B0";
}

.bowtie-chevron-right-end::before {
  content: "\E9B1";
}

.bowtie-fold-less::before {
  content: "\E9B2";
}

.bowtie-fold-more::before {
  content: "\E9B3";
}

.bowtie-ellipsis::before {
  content: "\E9B4";
}

.bowtie-ellipsis-vertical::before {
  content: "\E9B5";
}

.bowtie-favorite::before {
  content: "\E9B6";
}

.bowtie-favorite-outline::before {
  content: "\E9B7";
}

.bowtie-star-half::before {
  content: "\E9B8";
}

.bowtie-pin::before {
  content: "\E9B9";
}

.bowtie-pin-fill::before {
  content: "\E9BA";
}

.bowtie-pin-pinned::before {
  content: "\E9BB";
}

.bowtie-pin-pinned-fill::before {
  content: "\E9BC";
}

.bowtie-pin-unpin::before {
  content: "\E9BD";
}

.bowtie-pin-unpin-fill::before {
  content: "\E9BE";
}

.bowtie-radio-button::before {
  content: "\E9BF";
}

.bowtie-radio-button-empty::before {
  content: "\E9C0";
}

.bowtie-resize-grip::before {
  content: "\E9C1";
}

.bowtie-separator::before {
  content: "\E9C2";
}

.bowtie-toggle-collapse::before {
  content: "\E9C3";
}

.bowtie-toggle-expand::before {
  content: "\E9C4";
}

.bowtie-toggle-collapse-all::before {
  content: "\E9C5";
}

.bowtie-toggle-expand-all::before {
  content: "\E9C6";
}

.bowtie-triangle-up::before {
  content: "\E9C7";
}

.bowtie-triangle-left::before {
  content: "\E9C8";
}

.bowtie-triangle-down::before {
  content: "\E9C9";
}

.bowtie-triangle-right::before {
  content: "\E9CA";
}

.bowtie-toggle-tree-expanded::before {
  content: "\E9CB";
}

.bowtie-toggle-tree-expanded-outline::before {
  content: "\E9CC";
}

.bowtie-toggle-tree-collapsed::before {
  content: "\E9CD";
}

.bowtie-view-full-screen::before {
  content: "\E9CE";
}

.bowtie-view-full-screen-exit::before {
  content: "\E9CF";
}

.bowtie-navigate-external::before {
  content: "\E9D0";
}

.bowtie-work-item-bar::before {
  content: "\E9D1";
}

.bowtie-format-font::before {
  content: "\E9D2";
}

.bowtie-format-bold::before {
  content: "\E9D3";
}

.bowtie-format-italic::before {
  content: "\E9D4";
}

.bowtie-format-underline::before {
  content: "\E9D5";
}

.bowtie-format-font-color::before {
  content: "\E9D6";
}

.bowtie-format-font-size::before {
  content: "\E9D7";
}

.bowtie-format-clear::before {
  content: "\E9D8";
}

.bowtie-format-indent-decrease::before {
  content: "\E9D9";
}

.bowtie-format-indent-increase::before {
  content: "\E9DA";
}

.bowtie-format-list-ordered::before {
  content: "\E9DB";
}

.bowtie-format-list-unordered::before {
  content: "\E9DC";
}

.bowtie-file::before {
  content: "\E9DD";
}

.bowtie-file-bug::before {
  content: "\E9DE";
}

.bowtie-file-code::before {
  content: "\E9DF";
}

.bowtie-file-comment::before {
  content: "\E9E0";
}

.bowtie-file-content::before {
  content: "\E9E1";
}

.bowtie-file-image::before {
  content: "\E9E2";
}

.bowtie-file-preview::before {
  content: "\E9E3";
}

.bowtie-file-symlink::before {
  content: "\E9E4";
}

.bowtie-media-play::before {
  content: "\E9E5";
}

.bowtie-media-play-fill::before {
  content: "\E9E6";
}

.bowtie-play::before {
  content: "\E9E7";
}

.bowtie-play-fill::before {
  content: "\E9E8";
}

.bowtie-pause::before {
  content: "\E9E9";
}

.bowtie-pause-fill::before {
  content: "\E9EA";
}

.bowtie-play-resume::before {
  content: "\E9EB";
}

.bowtie-play-resume-fill::before {
  content: "\E9EC";
}

.bowtie-stop::before {
  content: "\E9ED";
}

.bowtie-stop-fill::before {
  content: "\E9EE";
}

.bowtie-fast-backward::before {
  content: "\E9EF";
}

.bowtie-fast-backward-fill::before {
  content: "\E9F0";
}

.bowtie-fast-forward::before {
  content: "\E9F1";
}

.bowtie-fast-forward-fill::before {
  content: "\E9F2";
}

.bowtie-previous-frame::before {
  content: "\E9F3";
}

.bowtie-previous-frame-fill::before {
  content: "\E9F4";
}

.bowtie-next-frame::before {
  content: "\E9F5";
}

.bowtie-next-frame-fill::before {
  content: "\E9F6";
}

.bowtie-record::before {
  content: "\E9F7";
}

.bowtie-record-fill::before {
  content: "\E9F8";
}

.bowtie-menu::before {
  content: "\E9F9";
}

.bowtie-navigate-close::before {
  content: "\E9FA";
}

.bowtie-navigate-back-circle::before {
  content: "\E9FB";
}

.bowtie-navigate-back-disc::before {
  content: "\E9FC";
}

.bowtie-navigate-forward-circle::before {
  content: "\E9FD";
}

.bowtie-navigate-forward-disc::before {
  content: "\E9FE";
}

.bowtie-navigate-history::before {
  content: "\E9FF";
}

.bowtie-navigate-refresh::before {
  content: "\EA00";
}

.bowtie-navigate-reload::before {
  content: "\EA01";
}

.bowtie-status-error::before {
  content: "\EA02";
}

.bowtie-status-error-outline::before {
  content: "\EA03";
}

.bowtie-status-failure::before {
  content: "\EA04";
}

.bowtie-status-failure-outline::before {
  content: "\EA05";
}

.bowtie-status-help::before {
  content: "\EA06";
}

.bowtie-status-help-outline::before {
  content: "\EA07";
}

.bowtie-status-info::before {
  content: "\EA08";
}

.bowtie-status-info-outline::before {
  content: "\EA09";
}

.bowtie-status-no::before {
  content: "\EA0A";
}

.bowtie-status-no-fill::before {
  content: "\EA0B";
}

.bowtie-status-pause::before {
  content: "\EA0C";
}

.bowtie-status-pause-outline::before {
  content: "\EA0D";
}

.bowtie-status-run::before {
  content: "\EA0E";
}

.bowtie-status-run-outline::before {
  content: "\EA0F";
}

.bowtie-status-stop::before {
  content: "\EA10";
}

.bowtie-status-stop-outline::before {
  content: "\EA11";
}

.bowtie-status-success::before {
  content: "\EA12";
}

.bowtie-status-success-outline::before {
  content: "\EA13";
}

.bowtie-status-waiting::before {
  content: "\EA14";
}

.bowtie-status-waiting-fill::before {
  content: "\EA15";
}

.bowtie-status-warning::before {
  content: "\EA16";
}

.bowtie-status-warning-outline::before {
  content: "\EA17";
}

.bowtie-status-success-box::before {
  content: "\EA18";
}

.bowtie-test-fill::before {
  content: "\EA19";
}

.bowtie-test::before {
  content: "\EA1A";
}

.bowtie-test-auto-fill::before {
  content: "\EA1B";
}

.bowtie-test-auto::before {
  content: "\EA1C";
}

.bowtie-test-user-fill::before {
  content: "\EA1D";
}

.bowtie-test-user::before {
  content: "\EA1E";
}

.bowtie-test-explore-fill::before {
  content: "\EA1F";
}

.bowtie-trigger::before {
  content: "\EA20";
}

.bowtie-trigger-auto::before {
  content: "\EA21";
}

.bowtie-trigger-user::before {
  content: "\EA22";
}

.bowtie-folder-plan::before {
  content: "\EA23";
}

.bowtie-folder-query::before {
  content: "\EA24";
}

.bowtie-log::before {
  content: "\EA25";
}

.bowtie-step::before {
  content: "\EA26";
}

.bowtie-step-shared::before {
  content: "\EA27";
}

.bowtie-server-remote::before {
  content: "\EA28";
}

.bowtie-diff-image::before {
  content: "\EA29";
}

.bowtie-diff-image-overlay::before {
  content: "\EA2A";
}

.bowtie-diff-image-pixel::before {
  content: "\EA2B";
}

.bowtie-diff-inline::before {
  content: "\EA2C";
}

.bowtie-diff-side-by-side::before {
  content: "\EA2D";
}

.bowtie-repo::before {
  content: "\EA2E";
}

.bowtie-repo-fill::before {
  content: "\EA2F";
}

.bowtie-repo-git::before {
  content: "\EA30";
}

.bowtie-tfvc-change-list::before {
  content: "\EA31";
}

.bowtie-repo-submodule::before {
  content: "\EA32";
}

.bowtie-tfvc-folder::before {
  content: "\EA33";
}

.bowtie-repo-tfvc::before {
  content: "\EA34";
}

.bowtie-tfvc-branch::before {
  content: "\EA35";
}

.bowtie-tfvc-branch-locked::before {
  content: "\EA36";
}

.bowtie-tfvc-commit::before {
  content: "\EA37";
}

.bowtie-tfvc-compare::before {
  content: "\EA38";
}

.bowtie-tfvc-merge::before {
  content: "\EA39";
}

.bowtie-tfvc-pull-request::before {
  content: "\EA3A";
}

.bowtie-tfvc-shelveset::before {
  content: "\EA3B";
}

.bowtie-tfvc-raw-source::before {
  content: "\EA3C";
}

.bowtie-group-rows::before {
  content: "\EA3D";
}

.bowtie-recycle-bin-restore::before {
  content: "\EA3E";
}

.bowtie-view-list::before {
  content: "\EA3F";
}

.bowtie-view-list-group::before {
  content: "\EA40";
}

.bowtie-view-list-tree::before {
  content: "\EA41";
}

.bowtie-work-item::before {
  content: "\EA42";
}

.bowtie-work-item-bug::before {
  content: "\EA43";
}

.bowtie-work-item-move::before {
  content: "\EA44";
}

.bowtie-merge-duplicate::before {
  content: "\EA45";
}

.bowtie-storyboard::before {
  content: "\EA46";
}

.bowtie-auto-fill-template::before {
  content: "\EA47";
}

.bowtie-recycle-bin::before {
  content: "\EA48";
}

.bowtie-dot::before {
  content: "\EA49";
}

.bowtie-square::before {
  content: "\EA4A";
}

.bowtie-row-child::before {
  content: "\EA4B";
}

.bowtie-log-remove::before {
  content: "\EA4C";
}

.bowtie-live-update-feed-off::before {
  content: "\EA4D";
}

.bowtie-corner-resize::before {
  content: "\EA4E";
}

.bowtie-link-remove::before {
  content: "\EA4F";
}

.bowtie-spinner::before {
  content: "\EA50";
}

.bowtie-personalize::before {
  content: "\EA51";
}

.bowtie-parameter::before {
  content: "\EA52";
}

.bowtie-step-insert::before {
  content: "\EA53";
}

.bowtie-step-shared-add::before {
  content: "\EA54";
}

.bowtie-step-shared-insert::before {
  content: "\EA55";
}

.bowtie-process::before {
  content: "\EA56";
}

.bowtie-process-meta-task::before {
  content: "\EA57";
}

.bowtie-column-option::before {
  content: "\EA58";
}

.bowtie-globe::before {
  content: "\EA59";
}

.bowtie-locale-timezone::before {
  content: "\EA5A";
}

.bowtie-locale-language::before {
  content: "\EA5B";
}

.bowtie-feedback-positive-outline::before {
  content: "\EA5C";
}

.bowtie-feedback-negative-outline::before {
  content: "\EA5D";
}

.bowtie-contact-card::before {
  content: "\EA5E";
}

.bowtie-triangle::before {
  content: "\EA5F";
}

.bowtie-brand-vsts::before {
  content: "\EA60";
}

.bowtie-set-actions::before {
  content: "\EA61";
}

.bowtie-packages::before {
  content: "\EA62";
}

.bowtie-search-in-branch::before {
  content: "\EA63";
}

.bowtie-file-type-settings::before {
  content: "\EA64";
}

.bowtie-file-type-pdb::before {
  content: "\EA65";
}

.bowtie-file-type-zip::before {
  content: "\EA66";
}

.bowtie-build-issue::before {
  content: "\EA67";
}

.bowtie-user-pause::before {
  content: "\EA68";
}

.bowtie-user-pending::before {
  content: "\EA69";
}

.bowtie-notification::before {
  content: "\EA6A";
}

.bowtie-notification-off::before {
  content: "\EA6B";
}

.bowtie-assessment-group::before {
  content: "\EA6C";
}

.bowtie-table::before {
  content: "\EA6D";
}

.bowtie-timeline-delivery::before {
  content: "\EA6E";
}

.bowtie-timeline-progress::before {
  content: "\EA6F";
}

.bowtie-file-type-sln::before {
  content: "\EA70";
}

.bowtie-application-window::before {
  content: "\EA71";
}

.bowtie-file-type-html::before {
  content: "\EA72";
}

.bowtie-file-type-js::before {
  content: "\EA73";
}

.bowtie-file-type-jsproj::before {
  content: "\EA74";
}

.bowtie-file-type-cs::before {
  content: "\EA75";
}

.bowtie-file-type-csproj::before {
  content: "\EA76";
}

.bowtie-file-type-vb::before {
  content: "\EA77";
}

.bowtie-file-type-vbproj::before {
  content: "\EA78";
}

.bowtie-file-type-cpp::before {
  content: "\EA79";
}

.bowtie-file-type-vcxproj::before {
  content: "\EA7A";
}

.bowtie-file-type-fs::before {
  content: "\EA7B";
}

.bowtie-file-type-fsproj::before {
  content: "\EA7C";
}

.bowtie-file-type-python::before {
  content: "\EA7D";
}

.bowtie-file-type-pyproj::before {
  content: "\EA7E";
}

.bowtie-file-type-typescript::before {
  content: "\EA7F";
}

.bowtie-file-type-coffeescript::before {
  content: "\EA80";
}

.bowtie-file-type-aspx::before {
  content: "\EA81";
}

.bowtie-file-type-css::before {
  content: "\EA82";
}

.bowtie-file-type-sass::before {
  content: "\EA83";
}

.bowtie-file-type-less::before {
  content: "\EA84";
}

.bowtie-file-type-json::before {
  content: "\EA85";
}

.bowtie-file-type-xml::before {
  content: "\EA86";
}

.bowtie-file-type-md::before {
  content: "\EA87";
}

.bowtie-file-type-powershell::before {
  content: "\EA88";
}

.bowtie-file-type-cmd::before {
  content: "\EA89";
}

.bowtie-file-type-java::before {
  content: "\EA8A";
}

.bowtie-file-type-sql::before {
  content: "\EA8B";
}

.bowtie-file-stack::before {
  content: "\EA8C";
}

.bowtie-script::before {
  content: "\EA8D";
}

.bowtie-default-executable::before {
  content: "\EA8E";
}

.bowtie-file-type-template::before {
  content: "\EA8F";
}

.bowtie-split::before {
  content: "\EA90";
}

.bowtie-image-action-log::before {
  content: "\EA91";
}

.bowtie-shield::before {
  content: "\EA92";
}

.bowtie-shield-fill::before {
  content: "\EA93";
}

.bowtie-git-fork::before {
  content: "\EA94";
}

.bowtie-status-run-box::before {
  content: "\EA95";
}

.bowtie-arrow-import::before {
  content: "\EA96";
}

.bowtie-new-team-project::before {
  content: "\EA97";
}

.bowtie-package-feed-mix::before {
  content: "\EA98";
}

.bowtie-package-feed-remote::before {
  content: "\EA99";
}

.bowtie-package-feed-local::before {
  content: "\EA9A";
}

.bowtie-work-item-bar-outline::before {
  content: "\EA9B";
}

.bowtie-sort-asc::before {
  content: "\EA9C";
}

.bowtie-sort-desc::before {
  content: "\EA9D";
}

.bowtie-plug-disconnected::before {
  content: "\EA9E";
}

.bowtie-plug-connected::before {
  content: "\EA9F";
}

.bowtie-plug-disconnected-fill::before {
  content: "\EAA0";
}

.bowtie-plug-connected-fill::before {
  content: "\EAA1";
}

.bowtie-sync-user::before {
  content: "\EAA2";
}

.bowtie-clear-filter::before {
  content: "\EAA3";
}

.bowtie-watch-eye-off::before {
  content: "\EAA4";
}

.bowtie-shopping-cart::before {
  content: "\EAA5";
}

.bowtie-shopping-cart-fill::before {
  content: "\EAA6";
}

.bowtie-control-panel::before {
  content: "\EAA7";
}

.bowtie-add-team::before {
  content: "\EAA8";
}

.bowtie-unpin::before {
  content: "\EAA9";
}

.bowtie-unpin-fill::before {
  content: "\EAAA";
}

.bowtie-backlog::before {
  content: "\EAAB";
}

.bowtie-backlog-view-list::before {
  content: "\EAAC";
}

.bowtie-plan::before {
  content: "\EAAD";
}

.bowtie-query-list::before {
  content: "\EAAE";
}

.bowtie-timeline-matrix::before {
  content: "\EAAF";
}

.bowtie-team-favorite::before {
  content: "\EAB0";
}

.bowtie-test-impact-fill::before {
  content: "\EAB1";
}

.bowtie-task-group::before {
  content: "\EAB2";
}

.bowtie-engineering-group::before {
  content: "\EAB3";
}

.bowtie-briefcase::before {
  content: "\EAB4";
}

.bowtie-variable-group::before {
  content: "\EAB5";
}

.bowtie-full-history::before {
  content: "\EAB6";
}

.bowtie-scope-template::before {
  content: "\EAB7";
}

.bowtie-assessment-group-template::before {
  content: "\EAB8";
}

.bowtie-send::before {
  content: "\EAB9";
}

.bowtie-draft::before {
  content: "\EABA";
}

.bowtie-giftbox-open::before {
  content: "\EABB";
}

.bowtie-symbol-bug::before {
  content: "\EABC";
}

.bowtie-symbol-crown::before {
  content: "\EABD";
}

.bowtie-symbol-trophy::before {
  content: "\EABE";
}

.bowtie-symbol-task::before {
  content: "\EABF";
}

.bowtie-symbol-stickynote::before {
  content: "\EAC0";
}

.bowtie-symbol-impediment::before {
  content: "\EAC1";
}

.bowtie-symbol-ask::before {
  content: "\EAC2";
}

.bowtie-symbol-flame::before {
  content: "\EAC3";
}

.bowtie-symbol-review::before {
  content: "\EAC4";
}

.bowtie-symbol-list::before {
  content: "\EAC5";
}

.bowtie-symbol-custom::before {
  content: "\EAC6";
}

.bowtie-symbol-book::before {
  content: "\EAC7";
}

.bowtie-test-plan::before {
  content: "\EAC8";
}

.bowtie-test-step::before {
  content: "\EAC9";
}

.bowtie-test-parameter::before {
  content: "\EACA";
}

.bowtie-test-suite::before {
  content: "\EACB";
}

.bowtie-brand-vsts-alt-1::before {
  content: "\EACC";
}

.bowtie-brand-vsts-alt-2::before {
  content: "\EACD";
}

.bowtie-map-pin::before {
  content: "\EACE";
}

.bowtie-map-pin-fill::before {
  content: "\EACF";
}

.bowtie-brand-svn::before {
  content: "\EAD0";
}

.bowtie-map-destination::before {
  content: "\EAD1";
}

.bowtie-map-destination-fill::before {
  content: "\EAD2";
}

.bowtie-git-graph::before {
  content: "\EAD3";
}

.bowtie-project-collection::before {
  content: "\EAD4";
}

.bowtie-home::before {
  content: "\EAD5";
}

.bowtie-home-fill::before {
  content: "\EAD6";
}

.bowtie-symbol-ribbon::before {
  content: "\EAD7";
}

.bowtie-symbol-finance::before {
  content: "\EAD8";
}

.bowtie-symbol-headphone::before {
  content: "\EAD9";
}

.bowtie-symbol-key::before {
  content: "\EADA";
}

.bowtie-symbol-airplane::before {
  content: "\EADB";
}

.bowtie-symbol-car::before {
  content: "\EADC";
}

.bowtie-symbol-diamond::before {
  content: "\EADD";
}

.bowtie-symbol-asterisk::before {
  content: "\EADE";
}

.bowtie-symbol-storage-database::before {
  content: "\EADF";
}

.bowtie-symbol-government::before {
  content: "\EAE0";
}

.bowtie-symbol-decision::before {
  content: "\EAE1";
}

.bowtie-symbol-parachute::before {
  content: "\EAE2";
}

.bowtie-symbol-paint-brush::before {
  content: "\EAE3";
}

.bowtie-symbol-color-palette::before {
  content: "\EAE4";
}

.bowtie-symbol-review-request::before {
  content: "\EAE5";
}

.bowtie-symbol-review-response::before {
  content: "\EAE6";
}

.bowtie-symbol-feedback-request::before {
  content: "\EAE7";
}

.bowtie-symbol-feedback-response::before {
  content: "\EAE8";
}

.bowtie-math-equal::before {
  content: "\EAE9";
}

.bowtie-math-not-equal::before {
  content: "\EAEA";
}

.bowtie-field-empty::before {
  content: "\EAEB";
}

.bowtie-field-filled::before {
  content: "\EAEC";
}

.bowtie-field-changed::before {
  content: "\EAED";
}

.bowtie-field-not-changed::before {
  content: "\EAEE";
}

.bowtie-sprint::before {
  content: "\EAEF";
}

.bowtie-city-next::before {
  content: "\EAF0";
}

.bowtie-search-and-apps::before {
  content: "\EAF1";
}

.bowtie-security-group::before {
  content: "\EAF2";
}

.bowtie-certificate::before {
  content: "\EAF3";
}

.bowtie-sign-out::before {
  content: "\EAF4";
}

.bowtie-cellphone::before {
  content: "\EAF5";
}

.bowtie-tvmonitor::before {
  content: "\EAF6";
}

.bowtie-out-of-office::before {
  content: "\EAF7";
}

.bowtie-manual-approval::before {
  content: "\EAF8";
}

.bowtie-trigger-approval::before {
  content: "\EAF9";
}

.bowtie-test-case::before {
  content: "\EAFA";
}

.bowtie-rocket::before {
  content: "\EAFB";
}

.bowtie-parachute::before {
  content: "\EAFC";
}

.bowtie-stopwatch::before {
  content: "\EAFD";
}

.bowtie-azure-key-vault::before {
  content: "\EAFE";
}

.bowtie-feedback::before {
  content: "\EAFF";
}

.bowtie-file-lock::before {
  content: "\EB00";
}

.bowtie-not-executed::before {
  content: "\EB01";
}

.bowtie-not-impacted::before {
  content: "\EB02";
}

.bowtie-field-readonly::before {
  content: "\EB03";
}

.bowtie-field-required::before {
  content: "\EB04";
}

.bowtie-board::before {
  content: "\EB05";
}

.bowtie-external-build::before {
  content: "\EB06";
}

.bowtie-external-git::before {
  content: "\EB07";
}

.bowtie-external-tfvc::before {
  content: "\EB08";
}

.bowtie-external-xaml::before {
  content: "\EB09";
}

.bowtie-brand-jenkins::before {
  content: "\EB0A";
}

.bowtie-symbol-issue::before {
  content: "\EB0B";
}

.bowtie-symbol-defect::before {
  content: "\EB0C";
}

.bowtie-login::before {
  content: "\EB0D";
}

.bowtie-brand-vside::before {
  content: "\EB0E";
}

.bowtie-brand-ivy::before {
  content: "\EB0F";
}

.bowtie-paste-as-text::before {
  content: "\EB10";
}

.bowtie-paste-as-html::before {
  content: "\EB11";
}

.bowtie-brand-bitbucket::before {
  content: "\EB12";
}

.bowtie-brand-linux::before {
  content: "\EB13";
}

.bowtie-toll::before {
  content: "\EB14";
}

.bowtie-brand-gradle::before {
  content: "\EB15";
}

.bowtie-symbol-work::before {
  content: "\EB16";
}

.bowtie-browser-tab::before {
  content: "\EB17";
}

.bowtie-browser-screenshot::before {
  content: "\EB18";
}

.bowtie-browser-tab-screenshot::before {
  content: "\EB19";
}

.bowtie-desktop-screenshot::before {
  content: "\EB1A";
}

.bowtie-file-type-yml::before {
  content: "\EB1B";
}

.bowtie-analytics-view::before {
  content: "\EB1C";
}

.bowtie-dom::before {
  content: "\EB1D";
}

.bowtie-tfvc-push::before {
  content: "\EB1E";
}

.bowtie-dictionary::before {
  content: "\EB1F";
}

.bowtie-dictionary-add::before {
  content: "\EB20";
}

.bowtie-dictionary-remove::before {
  content: "\EB21";
}

.bowtie-user-remove::before {
  content: "\EB22";
}

.bowtie-user-event::before {
  content: "\EB23";
}

.bowtie-shield-verified-fill::before {
  content: "\EB24";
}

.bowtie-brand-apple::before {
  content: "\EB25";
}

.bowtie-icon.brand-icon:not(.is-disabled) {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.bowtie-icon.success-icon {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.bowtie-icon.failure-icon {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-icon.warning-icon {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.bowtie-save:not(.is-disabled),
.bowtie-save-all:not(.is-disabled),
.bowtie-save-as:not(.is-disabled),
.bowtie-save-close:not(.is-disabled),
.bowtie-edit:not(.is-disabled) {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.bowtie-git,
.bowtie-git-fork {
  color: #f05133;
}

.bowtie-folder:not(.is-disabled),
.bowtie-tfvc-change-list {
  color: #dcb67a;
}

.bowtie-tfvc-repo,
.bowtie-logo-visual-studio {
  color: #68217a;
}

.bowtie-status-waiting {
  color: rgba( 218, 218, 218 ,  1 );
  color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.bowtie-status-warning,
.bowtie-math-minus-circle,
.bowtie-status-waiting-fill {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.bowtie-edit-delete:not(.is-disabled),
.bowtie-edit-remove:not(.is-disabled) {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-status-error,
.bowtie-status-failure,
.bowtie-status-no-fill,
.bowtie-status-stop {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.bowtie-status-success,
.bowtie-status-run {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.bowtie-status-info,
.bowtie-status-info-outline,
.bowtie-status-help,
.bowtie-status-pause {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.bolt-menuitem-cell.bolt-menuitem-cell {
  color: inherit;
}

.bowtie-favorite:not(.is-disabled),
.bowtie-favorite-outline:not(.is-disabled),
.bowtie-star-half:not(.is-disabled) {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.bowtie-synchronize.animate {
  -webkit-animation: spin-animation 2s infinite linear;
  -moz-animation: spin-animation 2s infinite linear;
  -ms-animation: spin-animation 2s infinite linear;
  -o-animation: spin-animation 2s infinite linear;
  animation: spin-animation 2s infinite linear;
}

.bowtie-spinner {
  -webkit-animation: spin-animation 1s infinite steps(10);
  -moz-animation: spin-animation 1s infinite steps(10);
  -ms-animation: spin-animation 1s infinite steps(10);
  -o-animation: spin-animation 1s infinite steps(10);
  animation: spin-animation 1s infinite steps(10);
}

.ms-Fabric .bowtie-icon.brand-icon:not(.is-disabled), .bowtie-fabric .bowtie-icon.brand-icon:not(.is-disabled), .bowtie-fabric .ms-Fabric .bowtie-icon.brand-icon:not(.is-disabled), .bowtie-fabric:hover .bowtie-icon.brand-icon:not(.is-disabled), .bowtie-fabric:focus .bowtie-icon.brand-icon:not(.is-disabled) {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.ms-Fabric .bowtie-icon.success-icon, .bowtie-fabric .bowtie-icon.success-icon, .bowtie-fabric .ms-Fabric .bowtie-icon.success-icon, .bowtie-fabric:hover .bowtie-icon.success-icon, .bowtie-fabric:focus .bowtie-icon.success-icon {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.ms-Fabric .bowtie-icon.failure-icon, .bowtie-fabric .bowtie-icon.failure-icon, .bowtie-fabric .ms-Fabric .bowtie-icon.failure-icon, .bowtie-fabric:hover .bowtie-icon.failure-icon, .bowtie-fabric:focus .bowtie-icon.failure-icon {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.ms-Fabric .bowtie-icon.warning-icon, .bowtie-fabric .bowtie-icon.warning-icon, .bowtie-fabric .ms-Fabric .bowtie-icon.warning-icon, .bowtie-fabric:hover .bowtie-icon.warning-icon, .bowtie-fabric:focus .bowtie-icon.warning-icon {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.ms-Fabric .bowtie-save:not(.is-disabled),
.ms-Fabric .bowtie-save-all:not(.is-disabled),
.ms-Fabric .bowtie-save-as:not(.is-disabled),
.ms-Fabric .bowtie-save-close:not(.is-disabled),
.ms-Fabric .bowtie-edit:not(.is-disabled), .bowtie-fabric .bowtie-save:not(.is-disabled),
.bowtie-fabric .bowtie-save-all:not(.is-disabled),
.bowtie-fabric .bowtie-save-as:not(.is-disabled),
.bowtie-fabric .bowtie-save-close:not(.is-disabled),
.bowtie-fabric .bowtie-edit:not(.is-disabled), .bowtie-fabric .ms-Fabric .bowtie-save:not(.is-disabled),
.bowtie-fabric .ms-Fabric .bowtie-save-all:not(.is-disabled),
.bowtie-fabric .ms-Fabric .bowtie-save-as:not(.is-disabled),
.bowtie-fabric .ms-Fabric .bowtie-save-close:not(.is-disabled),
.bowtie-fabric .ms-Fabric .bowtie-edit:not(.is-disabled), .bowtie-fabric:hover .bowtie-save:not(.is-disabled),
.bowtie-fabric:hover .bowtie-save-all:not(.is-disabled),
.bowtie-fabric:hover .bowtie-save-as:not(.is-disabled),
.bowtie-fabric:hover .bowtie-save-close:not(.is-disabled),
.bowtie-fabric:hover .bowtie-edit:not(.is-disabled), .bowtie-fabric:focus .bowtie-save:not(.is-disabled),
.bowtie-fabric:focus .bowtie-save-all:not(.is-disabled),
.bowtie-fabric:focus .bowtie-save-as:not(.is-disabled),
.bowtie-fabric:focus .bowtie-save-close:not(.is-disabled),
.bowtie-fabric:focus .bowtie-edit:not(.is-disabled) {
  color: rgba( 16, 110, 190 ,  1 );
  color: rgba( var(--palette-primary-shade-10,16, 110, 190) ,  1 );
}

.ms-Fabric .bowtie-git,
.ms-Fabric .bowtie-git-fork, .bowtie-fabric .bowtie-git,
.bowtie-fabric .bowtie-git-fork, .bowtie-fabric .ms-Fabric .bowtie-git,
.bowtie-fabric .ms-Fabric .bowtie-git-fork, .bowtie-fabric:hover .bowtie-git,
.bowtie-fabric:hover .bowtie-git-fork, .bowtie-fabric:focus .bowtie-git,
.bowtie-fabric:focus .bowtie-git-fork {
  color: #f05133;
}

.ms-Fabric .bowtie-folder:not(.is-disabled),
.ms-Fabric .bowtie-tfvc-change-list, .bowtie-fabric .bowtie-folder:not(.is-disabled),
.bowtie-fabric .bowtie-tfvc-change-list, .bowtie-fabric .ms-Fabric .bowtie-folder:not(.is-disabled),
.bowtie-fabric .ms-Fabric .bowtie-tfvc-change-list, .bowtie-fabric:hover .bowtie-folder:not(.is-disabled),
.bowtie-fabric:hover .bowtie-tfvc-change-list, .bowtie-fabric:focus .bowtie-folder:not(.is-disabled),
.bowtie-fabric:focus .bowtie-tfvc-change-list {
  color: #dcb67a;
}

.ms-Fabric .bowtie-tfvc-repo,
.ms-Fabric .bowtie-logo-visual-studio, .bowtie-fabric .bowtie-tfvc-repo,
.bowtie-fabric .bowtie-logo-visual-studio, .bowtie-fabric .ms-Fabric .bowtie-tfvc-repo,
.bowtie-fabric .ms-Fabric .bowtie-logo-visual-studio, .bowtie-fabric:hover .bowtie-tfvc-repo,
.bowtie-fabric:hover .bowtie-logo-visual-studio, .bowtie-fabric:focus .bowtie-tfvc-repo,
.bowtie-fabric:focus .bowtie-logo-visual-studio {
  color: #68217a;
}

.ms-Fabric .bowtie-status-waiting, .bowtie-fabric .bowtie-status-waiting, .bowtie-fabric .ms-Fabric .bowtie-status-waiting, .bowtie-fabric:hover .bowtie-status-waiting, .bowtie-fabric:focus .bowtie-status-waiting {
  color: rgba( 218, 218, 218 ,  1 );
  color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
}

.ms-Fabric .bowtie-status-warning,
.ms-Fabric .bowtie-math-minus-circle,
.ms-Fabric .bowtie-status-waiting-fill, .bowtie-fabric .bowtie-status-warning,
.bowtie-fabric .bowtie-math-minus-circle,
.bowtie-fabric .bowtie-status-waiting-fill, .bowtie-fabric .ms-Fabric .bowtie-status-warning,
.bowtie-fabric .ms-Fabric .bowtie-math-minus-circle,
.bowtie-fabric .ms-Fabric .bowtie-status-waiting-fill, .bowtie-fabric:hover .bowtie-status-warning,
.bowtie-fabric:hover .bowtie-math-minus-circle,
.bowtie-fabric:hover .bowtie-status-waiting-fill, .bowtie-fabric:focus .bowtie-status-warning,
.bowtie-fabric:focus .bowtie-math-minus-circle,
.bowtie-fabric:focus .bowtie-status-waiting-fill {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.ms-Fabric .bowtie-edit-delete:not(.is-disabled),
.ms-Fabric .bowtie-edit-remove:not(.is-disabled), .bowtie-fabric .bowtie-edit-delete:not(.is-disabled),
.bowtie-fabric .bowtie-edit-remove:not(.is-disabled), .bowtie-fabric .ms-Fabric .bowtie-edit-delete:not(.is-disabled),
.bowtie-fabric .ms-Fabric .bowtie-edit-remove:not(.is-disabled), .bowtie-fabric:hover .bowtie-edit-delete:not(.is-disabled),
.bowtie-fabric:hover .bowtie-edit-remove:not(.is-disabled), .bowtie-fabric:focus .bowtie-edit-delete:not(.is-disabled),
.bowtie-fabric:focus .bowtie-edit-remove:not(.is-disabled) {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.ms-Fabric .bowtie-status-error,
.ms-Fabric .bowtie-status-failure,
.ms-Fabric .bowtie-status-no-fill,
.ms-Fabric .bowtie-status-stop, .bowtie-fabric .bowtie-status-error,
.bowtie-fabric .bowtie-status-failure,
.bowtie-fabric .bowtie-status-no-fill,
.bowtie-fabric .bowtie-status-stop, .bowtie-fabric .ms-Fabric .bowtie-status-error,
.bowtie-fabric .ms-Fabric .bowtie-status-failure,
.bowtie-fabric .ms-Fabric .bowtie-status-no-fill,
.bowtie-fabric .ms-Fabric .bowtie-status-stop, .bowtie-fabric:hover .bowtie-status-error,
.bowtie-fabric:hover .bowtie-status-failure,
.bowtie-fabric:hover .bowtie-status-no-fill,
.bowtie-fabric:hover .bowtie-status-stop, .bowtie-fabric:focus .bowtie-status-error,
.bowtie-fabric:focus .bowtie-status-failure,
.bowtie-fabric:focus .bowtie-status-no-fill,
.bowtie-fabric:focus .bowtie-status-stop {
  color: rgba( 218, 10, 0 ,  1 );
  color: rgba( var(--palette-accent1,218, 10, 0) ,  1 );
}

.ms-Fabric .bowtie-status-success,
.ms-Fabric .bowtie-status-run, .bowtie-fabric .bowtie-status-success,
.bowtie-fabric .bowtie-status-run, .bowtie-fabric .ms-Fabric .bowtie-status-success,
.bowtie-fabric .ms-Fabric .bowtie-status-run, .bowtie-fabric:hover .bowtie-status-success,
.bowtie-fabric:hover .bowtie-status-run, .bowtie-fabric:focus .bowtie-status-success,
.bowtie-fabric:focus .bowtie-status-run {
  color: rgba( 16, 124, 16 ,  1 );
  color: rgba( var(--palette-accent2-dark,16, 124, 16) ,  1 );
}

.ms-Fabric .bowtie-status-info,
.ms-Fabric .bowtie-status-info-outline,
.ms-Fabric .bowtie-status-help,
.ms-Fabric .bowtie-status-pause, .bowtie-fabric .bowtie-status-info,
.bowtie-fabric .bowtie-status-info-outline,
.bowtie-fabric .bowtie-status-help,
.bowtie-fabric .bowtie-status-pause, .bowtie-fabric .ms-Fabric .bowtie-status-info,
.bowtie-fabric .ms-Fabric .bowtie-status-info-outline,
.bowtie-fabric .ms-Fabric .bowtie-status-help,
.bowtie-fabric .ms-Fabric .bowtie-status-pause, .bowtie-fabric:hover .bowtie-status-info,
.bowtie-fabric:hover .bowtie-status-info-outline,
.bowtie-fabric:hover .bowtie-status-help,
.bowtie-fabric:hover .bowtie-status-pause, .bowtie-fabric:focus .bowtie-status-info,
.bowtie-fabric:focus .bowtie-status-info-outline,
.bowtie-fabric:focus .bowtie-status-help,
.bowtie-fabric:focus .bowtie-status-pause {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
}

.ms-Fabric .bolt-menuitem-cell.bolt-menuitem-cell, .bowtie-fabric .bolt-menuitem-cell.bolt-menuitem-cell, .bowtie-fabric .ms-Fabric .bolt-menuitem-cell.bolt-menuitem-cell, .bowtie-fabric:hover .bolt-menuitem-cell.bolt-menuitem-cell, .bowtie-fabric:focus .bolt-menuitem-cell.bolt-menuitem-cell {
  color: inherit;
}

.ms-Fabric .bowtie-favorite:not(.is-disabled),
.ms-Fabric .bowtie-favorite-outline:not(.is-disabled),
.ms-Fabric .bowtie-star-half:not(.is-disabled), .bowtie-fabric .bowtie-favorite:not(.is-disabled),
.bowtie-fabric .bowtie-favorite-outline:not(.is-disabled),
.bowtie-fabric .bowtie-star-half:not(.is-disabled), .bowtie-fabric .ms-Fabric .bowtie-favorite:not(.is-disabled),
.bowtie-fabric .ms-Fabric .bowtie-favorite-outline:not(.is-disabled),
.bowtie-fabric .ms-Fabric .bowtie-star-half:not(.is-disabled), .bowtie-fabric:hover .bowtie-favorite:not(.is-disabled),
.bowtie-fabric:hover .bowtie-favorite-outline:not(.is-disabled),
.bowtie-fabric:hover .bowtie-star-half:not(.is-disabled), .bowtie-fabric:focus .bowtie-favorite:not(.is-disabled),
.bowtie-fabric:focus .bowtie-favorite-outline:not(.is-disabled),
.bowtie-fabric:focus .bowtie-star-half:not(.is-disabled) {
  color: rgba( 214, 127, 60 ,  1 );
  color: rgba( var(--palette-accent3,214, 127, 60) ,  1 );
}

.ms-Fabric .bowtie-synchronize.animate, .bowtie-fabric .bowtie-synchronize.animate, .bowtie-fabric .ms-Fabric .bowtie-synchronize.animate, .bowtie-fabric:hover .bowtie-synchronize.animate, .bowtie-fabric:focus .bowtie-synchronize.animate {
  -webkit-animation: spin-animation 2s infinite linear;
  -moz-animation: spin-animation 2s infinite linear;
  -ms-animation: spin-animation 2s infinite linear;
  -o-animation: spin-animation 2s infinite linear;
  animation: spin-animation 2s infinite linear;
}

.ms-Fabric .bowtie-spinner, .bowtie-fabric .bowtie-spinner, .bowtie-fabric .ms-Fabric .bowtie-spinner, .bowtie-fabric:hover .bowtie-spinner, .bowtie-fabric:focus .bowtie-spinner {
  -webkit-animation: spin-animation 1s infinite steps(10);
  -moz-animation: spin-animation 1s infinite steps(10);
  -ms-animation: spin-animation 1s infinite steps(10);
  -o-animation: spin-animation 1s infinite steps(10);
  animation: spin-animation 1s infinite steps(10);
}

/* Contains general style definitions for bowtie-style elements.*/
.bowtie-style {
  font-family: "Segoe UI VSS (Regular)","Segoe UI","-apple-system",BlinkMacSystemFont,Roboto,"Helvetica Neue",Helvetica,Ubuntu,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  /* Can be used as a container div for consistent spacing of field and textbox sets or radio and checkbox groups */
  /* Used as a container div for a single item, checkbox label pair or just a field */
  /* Used as a container div for a field that is a nested child selection widget for checkbox or other parent element  */
  /* Error message */
  /* Textbox */
  /* This is sized for a 16x16 image to live on the left side of an input field */
  /* input error styles are used to highlight when we have an error in the input field */
  /* Checkboxes and Radios */
  /* ICON CONTAINERS AND BEHAVIOR */
  /*  buttons in a buttonRow that align to the right  */
  /* use this style when the button has an icon on the left */
}

.bowtie-style .form-section {
  width: 100%;
  margin: 24px 0 0 0;
}

.bowtie-style .form-section:first-child {
  margin: 0;
}

.bowtie-style.flexwidth-medium {
  width: auto;
  max-width: 450px;
}

.bowtie-style * {
  box-sizing: border-box;
}

.bowtie-style p {
  font-size: 14px;
  line-height: 18px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-weight: 400;
  padding: 18px 0 0 0;
}

.bowtie-style p.legal {
  font-size: 11px;
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
}

.bowtie-style a,
.bowtie-style a:visited,
.bowtie-style a:hover {
  color: rgba(0, 120, 212, 1);
  color: var(--communication-background,rgba(0, 120, 212, 1));
  text-decoration: none;
}

.bowtie-style a:hover {
  text-decoration: underline;
}

.bowtie-style td {
  vertical-align: top;
}

.bowtie-style h3 {
  padding: 0 0 8px 0;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
}

.bowtie-style h4 {
  margin: 0 0 14px 0;
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  font-size: 15px;
  line-height: 18px;
  font-weight: 400;
}

.bowtie-style h5 {
  margin: 0 0 8px 0;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
}

.bowtie-style h6 {
  margin: 0 0 8px 0;
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  font-size: 13px;
  line-height: 16px;
  font-weight: 700;
}

.bowtie-style .form-item {
  width: 100%;
  margin: 10px 0 0 0;
}

.bowtie-style .form-item-nested {
  width: 100%;
  padding: 4px 0 10px 28px;
}

.bowtie-style .error-message-area {
  color: rgba( 168, 0, 0 ,  1 );
  color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  display: block;
  padding-bottom: 3px;
}

.bowtie-style .textbox {
  margin-top: 5px;
}

.bowtie-style .input-icon-left {
  position: relative;
}

.bowtie-style input.input-icon-left {
  padding-left: 28px;
}

.bowtie-style .input-icon-left i {
  position: absolute;
  top: 8px;
  left: 8px;
}

.bowtie-style input.input-icon-right {
  padding-right: 28px;
}

.bowtie-style input.input-error[type=password],
.bowtie-style input.input-error[type=text] {
  border:  1px solid;
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie-style .input-icon-right i {
  position: absolute;
  top: 8px;
  right: 8px;
}

.bowtie-style .fields-row {
  width: 100%;
  min-height: 32px;
  overflow: hidden;
}

.bowtie-style .fields-row-horizontal-layout-50 {
  display: inline-block;
  width: calc(50% - 12px);
}

.bowtie-style .fields-row .fields-row-horizontal-layout-50:first-child {
  margin-right: 24px;
}

.bowtie-style label {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: rgba( 102, 102, 102 ,  1 );
  color: rgba( var(--palette-neutral-60,102, 102, 102) ,  1 );
  padding-top: 1;
  padding-right: 0;
  padding-bottom: 6px;
  padding-left: 0;
}

.bowtie-style input[type=checkbox],
.bowtie-style input[type=radio] {
  vertical-align: top;
  height: 16px;
  margin-right: 7px;
  margin-top: 2px;
}

.bowtie-style .checkbox-pair,
.bowtie-style .radio-pair {
  height: 24px;
  padding-top: 0px;
}

.bowtie-style .checkbox-pair label,
.bowtie-style .radio-pair label {
  display: inline;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.bowtie-style .checkbox-pair.horizontal,
.bowtie-style .radio-pair.horizontal {
  display: inline;
  margin-right: 15px;
  vertical-align: bottom;
}

.bowtie-style .checkbox-pair.horizontal:last-of-type,
.bowtie-style .radio-pair.horizontal:last-of-type {
  margin-right: 0;
}

.bowtie-style .input-error-tip {
  position: absolute;
  background-color: rgba( 168, 0, 0 ,  1 );
  background-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  max-width: 90%;
  margin-right: 20px;
  padding: 5px 10px 7px 10px;
  z-index: 910;
  word-break: break-word;
}

.bowtie-style .input-error-tip:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border: 6px solid transparent;
  border-bottom-color: rgba( 168, 0, 0 ,  1 );
  border-bottom-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  top: -12px;
  z-index: 915;
}

.bowtie-style .icon-shell {
  display: inline-block;
  width: 32px;
  height: 32px;
  padding: 5px 0 0 0;
  text-align: center;
}

.bowtie-style .icon-shell:hover {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
  cursor: pointer;
}

.bowtie-style button,
.bowtie-style button.btn-default,
.bowtie-style button.btn-cta {
  height: 32px;
  min-width: 90px;
  font-size: 14px;
  line-height: 18px;
  padding: 0 12px 2px 12px;
  outline: 0;
  position: relative;
  cursor: pointer;
  text-align: center;
  border-radius: 0;
}

.bowtie-style button:enabled {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border:  2px solid;
  border-color: rgba( 244, 244, 244 ,  1 );
  border-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.bowtie-style button:hover {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  border:  2px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.bowtie-style button:focus {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  border:  2px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.bowtie-style button:active {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  background-color: rgba(0, 90, 158, 1);
  background-color: var(--communication-foreground,rgba(0, 90, 158, 1));
  border: 2px solid rgba(0, 90, 158, 1);
  border: 2px solid var(--communication-foreground,rgba(0, 90, 158, 1));
}

.bowtie-style button:disabled {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  border:  2px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
}

.bowtie-style button.btn-cta,
.bowtie-style button.btn-cta:enabled,
.bowtie-style button.cta,
.bowtie-style button.cta:enabled {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  background-color: rgba(0, 120, 212, 1);
  background-color: var(--communication-background,rgba(0, 120, 212, 1));
  border: 2px solid rgba(0, 120, 212, 1);
  border: 2px solid var(--communication-background,rgba(0, 120, 212, 1));
}

.bowtie-style button.btn-cta:hover, .bowtie-style button.cta:hover {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  background-color: rgba( 0, 69, 120 ,  1 );
  background-color: rgba( var(--palette-primary-shade-30,0, 69, 120) ,  1 );
  border:  2px solid;
  border-color: rgba( 0, 69, 120 ,  1 );
  border-color: rgba( var(--palette-primary-shade-30,0, 69, 120) ,  1 );
}

.bowtie-style button.btn-cta:focus, .bowtie-style button.cta:focus {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  background-color: rgba( 0, 69, 120 ,  1 );
  background-color: rgba( var(--palette-primary-shade-30,0, 69, 120) ,  1 );
  border:  2px solid;
  border-color: rgba( 0, 69, 120 ,  1 );
  border-color: rgba( var(--palette-primary-shade-30,0, 69, 120) ,  1 );
}

.bowtie-style button.btn-cta:active, .bowtie-style button.cta:active {
  color: rgba( 255, 255, 255 ,  1 );
  color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  background-color: rgba(0, 90, 158, 1);
  background-color: var(--communication-foreground,rgba(0, 90, 158, 1));
  border: 2px solid rgba(0, 90, 158, 1);
  border: 2px solid var(--communication-foreground,rgba(0, 90, 158, 1));
}

.bowtie-style button.btn-cta:disabled,
.bowtie-style button.cta:disabled,
.bowtie-style button.cta.ui-state-disabled {
  color: #9c9c9c;
  background-color: rgba( 244, 244, 244 ,  1 );
  background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
  border:  2px solid;
  border-color: rgba( 244, 244, 244 ,  1 );
  border-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 );
}

.bowtie-style button.btn-right {
  display: inline-block;
  text-align: center;
  margin: 0 0 0 8px;
}

.bowtie-style button.btn-with-icon-left {
  margin-right: 8px;
}

.bowtie-style .input-text-box, .bowtie-style input[type=text], .bowtie-style input[type=password], .bowtie-style textarea {
  position: relative;
  border:  1px solid;
  border-color: rgba( 218, 218, 218 ,  1 );
  border-color: rgba( var(--palette-neutral-10,218, 218, 218) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
  font-size: 14px;
  line-height: 18px;
  color: rgba( 0, 0, 0 ,  1 );
  color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
  outline: 0;
  padding: 0 8px 0 8px;
  width: 100%;
  height: 32px;
}

.bowtie-style .input-text-box:hover, .bowtie-style input[type=text]:hover, .bowtie-style input[type=password]:hover, .bowtie-style textarea:hover {
  border:  1px solid;
  border-color: rgba( 166, 166, 166 ,  1 );
  border-color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-style .input-text-box:active, .bowtie-style input[type=text]:active, .bowtie-style input[type=password]:active, .bowtie-style textarea:active {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-style .input-text-box:required, .bowtie-style input[type=text]:required, .bowtie-style input[type=password]:required, .bowtie-style textarea:required {
  border-color: #9abad4;
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie-style .input-text-box:required:hover, .bowtie-style input[type=text]:required:hover, .bowtie-style input[type=password]:required:hover, .bowtie-style textarea:required:hover {
  border-color: #6e94ae;
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie-style .input-text-box:required:focus, .bowtie-style .input-text-box:required.focus, .bowtie-style input[type=text]:required:focus, .bowtie-style input[type=text]:required.focus, .bowtie-style input[type=password]:required:focus, .bowtie-style input[type=password]:required.focus, .bowtie-style textarea:required:focus, .bowtie-style textarea:required.focus {
  border-color: #9abad4;
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-style .input-text-box:focus, .bowtie-style .input-text-box.focus, .bowtie-style input[type=text]:focus, .bowtie-style input[type=text].focus, .bowtie-style input[type=password]:focus, .bowtie-style input[type=password].focus, .bowtie-style textarea:focus, .bowtie-style textarea.focus {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-style .input-text-box:invalid, .bowtie-style .input-text-box.invalid, .bowtie-style input[type=text]:invalid, .bowtie-style input[type=text].invalid, .bowtie-style input[type=password]:invalid, .bowtie-style input[type=password].invalid, .bowtie-style textarea:invalid, .bowtie-style textarea.invalid {
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie-style .input-text-box:invalid:hover, .bowtie-style .input-text-box.invalid:hover, .bowtie-style input[type=text]:invalid:hover, .bowtie-style input[type=text].invalid:hover, .bowtie-style input[type=password]:invalid:hover, .bowtie-style input[type=password].invalid:hover, .bowtie-style textarea:invalid:hover, .bowtie-style textarea.invalid:hover {
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 249, 235, 235 ,  1 );
  background-color: rgba( var(--palette-accent1-light,249, 235, 235) ,  1 );
}

.bowtie-style .input-text-box:invalid:focus, .bowtie-style .input-text-box:invalid.focus, .bowtie-style .input-text-box.invalid:focus, .bowtie-style .input-text-box.invalid.focus, .bowtie-style input[type=text]:invalid:focus, .bowtie-style input[type=text]:invalid.focus, .bowtie-style input[type=text].invalid:focus, .bowtie-style input[type=text].invalid.focus, .bowtie-style input[type=password]:invalid:focus, .bowtie-style input[type=password]:invalid.focus, .bowtie-style input[type=password].invalid:focus, .bowtie-style input[type=password].invalid.focus, .bowtie-style textarea:invalid:focus, .bowtie-style textarea:invalid.focus, .bowtie-style textarea.invalid:focus, .bowtie-style textarea.invalid.focus {
  border-color: rgba( 168, 0, 0 ,  1 );
  border-color: rgba( var(--palette-accent1-dark,168, 0, 0) ,  1 );
  background-color: rgba( 255, 255, 255 ,  1 );
  background-color: rgba( var(--palette-neutral-0,255, 255, 255) ,  1 );
}

.bowtie-style .input-text-box[disabled], .bowtie-style input[type=text][disabled], .bowtie-style input[type=password][disabled], .bowtie-style textarea[disabled] {
  border:  1px solid;
  border-color: rgba( 234, 234, 234 ,  1 );
  border-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  background-color: rgba( 234, 234, 234 ,  1 );
  background-color: rgba( var(--palette-neutral-8,234, 234, 234) ,  1 );
  cursor: default;
  outline: none;
}

.bowtie-style .input-text-box[disabled] input[type=text],
.bowtie-style .input-text-box[disabled] input[type=password],
.bowtie-style input[type=text][disabled],
.bowtie-style input[type=password][disabled],
.bowtie-style textarea[disabled] {
  color: rgba( 166, 166, 166 ,  1 );
  color: rgba( var(--palette-neutral-30,166, 166, 166) ,  1 );
}

.bowtie-style .input-text-box {
  outline: 0;
}

.bowtie-style .input-text-box input[type=text],
.bowtie-style .input-text-box input[type=password] {
  border: none;
  background-color: transparent;
}

.bowtie-style .input-text-box .virtualizing-list-view > .items > li.selected {
  background-color: rgba( 239, 246, 252 ,  1 );
  background-color: rgba( var(--palette-primary-tint-40,239, 246, 252) ,  1 );
}

.bowtie-style .input-text-box .virtualizing-list-view > .items > li {
  height: 32px;
}

.vss-focus-visible .bowtie-style .input-text-box .virtualizing-list-view > .items > li.selected {
  border:  1px solid;
  border-color: rgba( 0, 0, 0 ,  1 );
  border-color: rgba( var(--palette-neutral-100,0, 0, 0) ,  1 );
}

.bowtie-style .input-text-box > div.wrap {
  padding-left: 2px;
}

.bowtie-style .input-text-box .virtualizing-list-view > .items > li {
  padding: 7px 8px 7px 8px;
}

.bowtie-style .input-text-box.date-time > .drop {
  right: 8px;
}

.bowtie-style .input-text-box.list > .drop {
  right: 5px;
}

.bowtie-style textarea {
  padding: 6px 8px 6px 8px;
}

.bowtie-style .combo input[type=text]
.combo input[type=password] {
  padding-left: 0;
}

.bowtie-style .combo .virtualizing-list-view > .items > li {
  border: none;
}

.bowtie-style .combo > div.wrap > input.invalid, .bowtie-style .combo.invalid > div.wrap > input {
  background-color: transparent;
}

.icon-add-missing-members {
  background: url("../../_content/tfs-icons.png") no-repeat -16px -16px !important;
}

.icon-add-small {
  background: url("../../_content/tfs-icons.png") no-repeat -48px -16px !important;
}

.icon-add-thin {
  background: url("../../_content/tfs-icons.png") no-repeat -80px -16px !important;
}

.icon-add-user {
  background: url("../../_content/tfs-icons.png") no-repeat -112px -16px !important;
}

.icon-add-white {
  background: url("../../_content/tfs-icons.png") no-repeat -144px -16px !important;
}

.icon-add {
  background: url("../../_content/tfs-icons.png") no-repeat -176px -16px !important;
}

.icon-admin {
  background: url("../../_content/tfs-icons.png") no-repeat -208px -16px !important;
}

.icon-arrow-down {
  background: url("../../_content/tfs-icons.png") no-repeat -240px -16px !important;
}

.icon-arrow-forward {
  background: url("../../_content/tfs-icons.png") no-repeat -272px -16px !important;
}

.icon-arrow-up {
  background: url("../../_content/tfs-icons.png") no-repeat -304px -16px !important;
}

.icon-attachment {
  background: url("../../_content/tfs-icons.png") no-repeat -336px -16px !important;
}

.icon-audio-off {
  background: url("../../_content/tfs-icons.png") no-repeat -368px -16px !important;
}

.icon-audio-on {
  background: url("../../_content/tfs-icons.png") no-repeat -400px -16px !important;
}

.icon-back-query-results {
  background: url("../../_content/tfs-icons.png") no-repeat -432px -16px !important;
}

.icon-branch-locked {
  background: url("../../_content/tfs-icons.png") no-repeat -464px -16px !important;
}

.icon-branch {
  background: url("../../_content/tfs-icons.png") no-repeat -496px -16px !important;
}

.icon-calendar {
  background: url("../../_content/tfs-icons.png") no-repeat -528px -16px !important;
}

.icon-charts-area {
  background: url("../../_content/tfs-icons.png") no-repeat -560px -16px !important;
}

.icon-charts-bar {
  background: url("../../_content/tfs-icons.png") no-repeat -592px -16px !important;
}

.icon-charts-column {
  background: url("../../_content/tfs-icons.png") no-repeat -624px -16px !important;
}

.icon-charts-line {
  background: url("../../_content/tfs-icons.png") no-repeat -656px -16px !important;
}

.icon-charts-pie {
  background: url("../../_content/tfs-icons.png") no-repeat -688px -16px !important;
}

.icon-charts-pivotchart {
  background: url("../../_content/tfs-icons.png") no-repeat -720px -16px !important;
}

.icon-charts-pivottable {
  background: url("../../_content/tfs-icons.png") no-repeat -752px -16px !important;
}

.icon-chat-mention-white {
  background: url("../../_content/tfs-icons.png") no-repeat -784px -16px !important;
}

.icon-chat-mention {
  background: url("../../_content/tfs-icons.png") no-repeat -816px -16px !important;
}

.icon-check {
  background: url("../../_content/tfs-icons.png") no-repeat -848px -16px !important;
}

.icon-close {
  background: url("../../_content/tfs-icons.png") no-repeat -880px -16px !important;
}

.icon-comment-add {
  background: url("../../_content/tfs-icons.png") no-repeat -912px -16px !important;
}

.icon-comment-next {
  background: url("../../_content/tfs-icons.png") no-repeat -944px -16px !important;
}

.icon-comment-prev {
  background: url("../../_content/tfs-icons.png") no-repeat -976px -16px !important;
}

.icon-comment {
  background: url("../../_content/tfs-icons.png") no-repeat -1008px -16px !important;
}

.icon-commented-file {
  background: url("../../_content/tfs-icons.png") no-repeat -1040px -16px !important;
}

.icon-compare {
  background: url("../../_content/tfs-icons.png") no-repeat -1072px -16px !important;
}

.icon-copy-text {
  background: url("../../_content/tfs-icons.png") no-repeat -1104px -16px !important;
}

.icon-dashboard-white {
  background: url("../../_content/tfs-icons.png") no-repeat -1136px -16px !important;
}

.icon-delete-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1168px -16px !important;
}

.icon-delete-grey-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1200px -16px !important;
}

.icon-delete-user {
  background: url("../../_content/tfs-icons.png") no-repeat -1232px -16px !important;
}

.icon-delete-white {
  background: url("../../_content/tfs-icons.png") no-repeat -1264px -16px !important;
}

.icon-delete {
  background: url("../../_content/tfs-icons.png") no-repeat -1296px -16px !important;
}

.icon-discussion-adornment {
  background: url("../../_content/tfs-icons.png") no-repeat -1328px -16px !important;
}

.icon-document {
  background: url("../../_content/tfs-icons.png") no-repeat -1360px -16px !important;
}

.icon-dot {
  background: url("../../_content/tfs-icons.png") no-repeat -1392px -16px !important;
}

.icon-down-gray {
  background: url("../../_content/tfs-icons.png") no-repeat -1424px -16px !important;
}

.icon-down {
  background: url("../../_content/tfs-icons.png") no-repeat -1456px -16px !important;
}

.icon-drop-left {
  background: url("../../_content/tfs-icons.png") no-repeat -1488px -16px !important;
}

.icon-drop-right {
  background: url("../../_content/tfs-icons.png") no-repeat -1520px -16px !important;
}

.icon-drop {
  background: url("../../_content/tfs-icons.png") no-repeat -1552px -16px !important;
}

.icon-edit-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1584px -16px !important;
}

.icon-edit-grey-f1-background {
  background: url("../../_content/tfs-icons.png") no-repeat -1616px -16px !important;
}

.icon-edit {
  background: url("../../_content/tfs-icons.png") no-repeat -1648px -16px !important;
}

.icon-editor-font-bold {
  background: url("../../_content/tfs-icons.png") no-repeat -1680px -16px !important;
}

.icon-editor-font-italic {
  background: url("../../_content/tfs-icons.png") no-repeat -1712px -16px !important;
}

.icon-editor-font-underline {
  background: url("../../_content/tfs-icons.png") no-repeat -1744px -16px !important;
}

.icon-editor-indent {
  background: url("../../_content/tfs-icons.png") no-repeat -1776px -16px !important;
}

.icon-editor-list-bullet {
  background: url("../../_content/tfs-icons.png") no-repeat -1808px -16px !important;
}

.icon-editor-list-number {
  background: url("../../_content/tfs-icons.png") no-repeat -1840px -16px !important;
}

.icon-editor-outdent {
  background: url("../../_content/tfs-icons.png") no-repeat -1872px -16px !important;
}

.icon-editor-picture {
  background: url("../../_content/tfs-icons.png") no-repeat -1904px -16px !important;
}

.icon-ellipsis-white {
  background: url("../../_content/tfs-icons.png") no-repeat -1936px -16px !important;
}

.icon-ellipsis {
  background: url("../../_content/tfs-icons.png") no-repeat -1968px -16px !important;
}

.icon-empty {
  background: url("../../_content/tfs-icons.png") no-repeat -2000px -16px !important;
}

.icon-enter-full-screen {
  background: url("../../_content/tfs-icons.png") no-repeat -2032px -16px !important;
}

.icon-envelope {
  background: url("../../_content/tfs-icons.png") no-repeat -2064px -16px !important;
}

.icon-error-exclamation {
  background: url("../../_content/tfs-icons.png") no-repeat -2096px -16px !important;
}

.icon-exit-full-screen {
  background: url("../../_content/tfs-icons.png") no-repeat -2128px -16px !important;
}

.icon-export {
  background: url("../../_content/tfs-icons.png") no-repeat -2160px -16px !important;
}

.icon-favorite-in {
  background: url("../../_content/tfs-icons.png") no-repeat -2192px -16px !important;
}

.icon-favorite-out {
  background: url("../../_content/tfs-icons.png") no-repeat -2224px -16px !important;
}

.icon-filter {
  background: url("../../_content/tfs-icons.png") no-repeat -2256px -16px !important;
}

.icon-folder-open {
  background: url("../../_content/tfs-icons.png") no-repeat -2288px -16px !important;
}

.icon-folder-white {
  background: url("../../_content/tfs-icons.png") no-repeat -2320px -16px !important;
}

.icon-folder {
  background: url("../../_content/tfs-icons.png") no-repeat -2352px -16px !important;
}

.icon-font-color {
  background: url("../../_content/tfs-icons.png") no-repeat -2384px -16px !important;
}

.icon-form-group-collapsed {
  background: url("../../_content/tfs-icons.png") no-repeat -2416px -16px !important;
}

.icon-form-group-expanded {
  background: url("../../_content/tfs-icons.png") no-repeat -2448px -16px !important;
}

.icon-git-logo {
  background: url("../../_content/tfs-icons.png") no-repeat -2480px -16px !important;
}

.icon-header-help {
  background: url("../../_content/tfs-icons.png") no-repeat -2512px -16px !important;
}

.icon-header-settings {
  background: url("../../_content/tfs-icons.png") no-repeat -2544px -16px !important;
}

.icon-help {
  background: url("../../_content/tfs-icons.png") no-repeat -2576px -16px !important;
}

.icon-history {
  background: url("../../_content/tfs-icons.png") no-repeat -2608px -16px !important;
}

.icon-home {
  background: url("../../_content/tfs-icons.png") no-repeat -2640px -16px !important;
}

.icon-info-field {
  background: url("../../_content/tfs-icons.png") no-repeat -2672px -16px !important;
}

.icon-info {
  background: url("../../_content/tfs-icons.png") no-repeat -2704px -16px !important;
}

.icon-invalid-field {
  background: url("../../_content/tfs-icons.png") no-repeat -2736px -16px !important;
}

.icon-new-document {
  background: url("../../_content/tfs-icons.png") no-repeat -2768px -16px !important;
}

.icon-new-folder {
  background: url("../../_content/tfs-icons.png") no-repeat -2800px -16px !important;
}

.icon-new {
  background: url("../../_content/tfs-icons.png") no-repeat -2832px -16px !important;
}

.icon-next-2 {
  background: url("../../_content/tfs-icons.png") no-repeat -2864px -16px !important;
}

.icon-next {
  background: url("../../_content/tfs-icons.png") no-repeat -2896px -16px !important;
}

.icon-notifications {
  background: url("../../_content/tfs-icons.png") no-repeat -2928px -16px !important;
}

.icon-open-visualstudio {
  background: url("../../_content/tfs-icons.png") no-repeat -2960px -16px !important;
}

.icon-open-white {
  background: url("../../_content/tfs-icons.png") no-repeat -2992px -16px !important;
}

.icon-open {
  background: url("../../_content/tfs-icons.png") no-repeat -3024px -16px !important;
}

.icon-pause {
  background: url("../../_content/tfs-icons.png") no-repeat -3056px -16px !important;
}

.icon-people {
  background: url("../../_content/tfs-icons.png") no-repeat -3088px -16px !important;
}

.icon-pin {
  background: url("../../_content/tfs-icons.png") no-repeat -3120px -16px !important;
}

.icon-play {
  background: url("../../_content/tfs-icons.png") no-repeat -3152px -16px !important;
}

.icon-prev-2 {
  background: url("../../_content/tfs-icons.png") no-repeat -3184px -16px !important;
}

.icon-prev {
  background: url("../../_content/tfs-icons.png") no-repeat -3216px -16px !important;
}

.icon-process-branch {
  background: url("../../_content/tfs-icons.png") no-repeat -3248px -16px !important;
}

.icon-process-custom {
  background: url("../../_content/tfs-icons.png") no-repeat -3280px -16px !important;
}

.icon-process-system {
  background: url("../../_content/tfs-icons.png") no-repeat -3312px -16px !important;
}

.icon-project-white {
  background: url("../../_content/tfs-icons.png") no-repeat -3344px -16px !important;
}

.icon-queue-build {
  background: url("../../_content/tfs-icons.png") no-repeat -3376px -16px !important;
}

.icon-refresh {
  background: url("../../_content/tfs-icons.png") no-repeat -3408px -16px !important;
}

.icon-rename {
  background: url("../../_content/tfs-icons.png") no-repeat -3440px -16px !important;
}

.icon-restricted-2 {
  background: url("../../_content/tfs-icons.png") no-repeat -3472px -16px !important;
}

.icon-save-all {
  background: url("../../_content/tfs-icons.png") no-repeat -3504px -16px !important;
}

.icon-save-as {
  background: url("../../_content/tfs-icons.png") no-repeat -3536px -16px !important;
}

.icon-save-close {
  background: url("../../_content/tfs-icons.png") no-repeat -3568px -16px !important;
}

.icon-save {
  background: url("../../_content/tfs-icons.png") no-repeat -3600px -16px !important;
}

.icon-search {
  background: url("../../_content/tfs-icons.png") no-repeat -3632px -16px !important;
}

.icon-settings {
  background: url("../../_content/tfs-icons.png") no-repeat -3664px -16px !important;
}

.icon-social-facebook {
  background: url("../../_content/tfs-icons.png") no-repeat -3696px -16px !important;
}

.icon-social-twitter {
  background: url("../../_content/tfs-icons.png") no-repeat -3728px -16px !important;
}

.icon-sort-asc-1 {
  background: url("../../_content/tfs-icons.png") no-repeat -3760px -16px !important;
}

.icon-sort-asc {
  background: url("../../_content/tfs-icons.png") no-repeat -3792px -16px !important;
}

.icon-sort-desc {
  background: url("../../_content/tfs-icons.png") no-repeat -3824px -16px !important;
}

.icon-sort {
  background: url("../../_content/tfs-icons.png") no-repeat -3856px -16px !important;
}

.icon-submodule-external {
  background: url("../../_content/tfs-icons.png") no-repeat -3888px -16px !important;
}

.icon-submodule {
  background: url("../../_content/tfs-icons.png") no-repeat -3920px -16px !important;
}

.icon-tfs-bug {
  background: url("../../_content/tfs-icons.png") no-repeat -3952px -16px !important;
}

.icon-tfs-build-reason-batchedci {
  background: url("../../_content/tfs-icons.png") no-repeat -3984px -16px !important;
}

.icon-tfs-build-reason-checkinshelveset {
  background: url("../../_content/tfs-icons.png") no-repeat -4016px -16px !important;
}

.icon-tfs-build-reason-header {
  background: url("../../_content/tfs-icons.png") no-repeat -4048px -16px !important;
}

.icon-tfs-build-reason-schedule {
  background: url("../../_content/tfs-icons.png") no-repeat -4080px -16px !important;
}

.icon-tfs-build-reason-scheduleforced {
  background: url("../../_content/tfs-icons.png") no-repeat -4112px -16px !important;
}

.icon-tfs-build-reason-validateshelveset {
  background: url("../../_content/tfs-icons.png") no-repeat -4144px -16px !important;
}

.icon-tfs-build-retain-header {
  background: url("../../_content/tfs-icons.png") no-repeat -4176px -16px !important;
}

.icon-tfs-build-status-canceled {
  background: url("../../_content/tfs-icons.png") no-repeat -4432px -16px !important;
}

.icon-tfs-build-status-failed {
  background: url("../../_content/tfs-icons.png") no-repeat -4240px -16px !important;
}

.icon-tfs-build-status-header {
  background: url("../../_content/tfs-icons.png") no-repeat -4272px -16px !important;
}

.icon-tfs-build-status-inprogress {
  background: url("../../_content/tfs-icons.png") no-repeat -4304px -16px !important;
}

.icon-tfs-build-status-partiallysucceeded {
  background: url("../../_content/tfs-icons.png") no-repeat -4336px -16px !important;
}

.icon-tfs-build-status-postponed {
  background: url("../../_content/tfs-icons.png") no-repeat -4368px -16px !important;
}

.icon-tfs-build-status-queued {
  background: url("../../_content/tfs-icons.png") no-repeat -4400px -16px !important;
}

.icon-tfs-build-status-stopped {
  background: url("../../_content/tfs-icons.png") no-repeat -4432px -16px !important;
}

.icon-tfs-build-status-succeeded {
  background: url("../../_content/tfs-icons.png") no-repeat -4464px -16px !important;
}

.icon-tfs-build {
  background: url("../../_content/tfs-icons.png") no-repeat -4496px -16px !important;
}

.icon-tfs-changelist {
  background: url("../../_content/tfs-icons.png") no-repeat -4528px -16px !important;
}

.icon-tfs-clause-group {
  background: url("../../_content/tfs-icons.png") no-repeat -4560px -16px !important;
}

.icon-tfs-clause-ungroup {
  background: url("../../_content/tfs-icons.png") no-repeat -4592px -16px !important;
}

.icon-tfs-home-newitem {
  background: url("../../_content/tfs-icons.png") no-repeat -4624px -16px !important;
}

.icon-tfs-left-halo {
  background: url("../../_content/tfs-icons.png") no-repeat -4656px -16px !important;
}

.icon-tfs-left {
  background: url("../../_content/tfs-icons.png") no-repeat -4688px -16px !important;
}

.icon-tfs-link-add {
  background: url("../../_content/tfs-icons.png") no-repeat -4720px -16px !important;
}

.icon-tfs-link-delete {
  background: url("../../_content/tfs-icons.png") no-repeat -4752px -16px !important;
}

.icon-tfs-link {
  background: url("../../_content/tfs-icons.png") no-repeat -4784px -16px !important;
}

.icon-tfs-microsoft-requirementcategory {
  background: url("../../_content/tfs-icons.png") no-repeat -4816px -16px !important;
}

.icon-tfs-play-small {
  background: url("../../_content/tfs-icons.png") no-repeat -4848px -16px !important;
}

.icon-tfs-process-guidance {
  background: url("../../_content/tfs-icons.png") no-repeat -4880px -16px !important;
}

.icon-tfs-project-portal {
  background: url("../../_content/tfs-icons.png") no-repeat -4912px -16px !important;
}

.icon-tfs-query-edit {
  background: url("../../_content/tfs-icons.png") no-repeat -4944px -16px !important;
}

.icon-tfs-query-flat {
  background: url("../../_content/tfs-icons.png") no-repeat -4976px -16px !important;
}

.icon-tfs-query-new {
  background: url("../../_content/tfs-icons.png") no-repeat -5008px -16px !important;
}

.icon-tfs-query-onehop {
  background: url("../../_content/tfs-icons.png") no-repeat -5040px -16px !important;
}

.icon-tfs-query-run {
  background: url("../../_content/tfs-icons.png") no-repeat -5072px -16px !important;
}

.icon-tfs-query-tree {
  background: url("../../_content/tfs-icons.png") no-repeat -5104px -16px !important;
}

.icon-tfs-release-draft {
  background: url("../../_content/tfs-icons.png") no-repeat -5136px -16px !important;
}

.icon-tfs-release-notstarted {
  background: url("../../_content/tfs-icons.png") no-repeat -5168px -16px !important;
}

.icon-tfs-reports {
  background: url("../../_content/tfs-icons.png") no-repeat -5200px -16px !important;
}

.icon-tfs-requirement {
  background: url("../../_content/tfs-icons.png") no-repeat -5232px -16px !important;
}

.icon-tfs-right-halo {
  background: url("../../_content/tfs-icons.png") no-repeat -5264px -16px !important;
}

.icon-tfs-right {
  background: url("../../_content/tfs-icons.png") no-repeat -5296px -16px !important;
}

.icon-tfs-task {
  background: url("../../_content/tfs-icons.png") no-repeat -5328px -16px !important;
}

.icon-tfs-tcm-active-small {
  background: url("../../_content/tfs-icons.png") no-repeat -5360px -16px !important;
}

.icon-tfs-tcm-active-test {
  background: url("../../_content/tfs-icons.png") no-repeat -5392px -16px !important;
}

.icon-tfs-tcm-add-attachment {
  background: url("../../_content/tfs-icons.png") no-repeat -5424px -16px !important;
}

.icon-tfs-tcm-associated-pane-toggle {
  background: url("../../_content/tfs-icons.png") no-repeat -5456px -16px !important;
}

.icon-tfs-tcm-attach-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5488px -16px !important;
}

.icon-tfs-tcm-block-test {
  background: url("../../_content/tfs-icons.png") no-repeat -5520px -16px !important;
}

.icon-tfs-tcm-blocked-small {
  background: url("../../_content/tfs-icons.png") no-repeat -5552px -16px !important;
}

.icon-tfs-tcm-bug-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5584px -16px !important;
}

.icon-tfs-tcm-create-shared-steps {
  background: url("../../_content/tfs-icons.png") no-repeat -5616px -16px !important;
}

.icon-tfs-tcm-down-blue {
  background: url("../../_content/tfs-icons.png") no-repeat -5648px -16px !important;
}

.icon-tfs-tcm-down-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5680px -16px !important;
}

.icon-tfs-tcm-drop-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5712px -16px !important;
}

.icon-tfs-tcm-edit-test {
  background: url("../../_content/tfs-icons.png") no-repeat -5744px -16px !important;
}

.icon-tfs-tcm-edit {
  background: url("../../_content/tfs-icons.png") no-repeat -5776px -16px !important;
}

.icon-tfs-tcm-export-html {
  background: url("../../_content/tfs-icons.png") no-repeat -5808px -16px !important;
}

.icon-tfs-tcm-fail-step-grey {
  background: url("../../_content/tfs-icons.png") no-repeat -5840px -16px !important;
}

.icon-tfs-tcm-failed-small {
  background: url("../../_content/tfs-icons.png") no-repeat -5872px -16px !important;
}

.icon-tfs-tcm-insert-parameter {
  background: url("../../_content/tfs-icons.png") no-repeat -5904px -16px !important;
}

.icon-tfs-tcm-insert-shared-steps {
  background: url("../../_content/tfs-icons.png") no-repeat -5936px -16px !important;
}

.icon-tfs-tcm-insert-step-white {
  background: url("../../_content/tfs-icons.png") no-repeat -5968px -16px !important;
}

.icon-tfs-tcm-insert-step {
  background: url("../../_content/tfs-icons.png") no-repeat -6000px -16px !important;
}

.icon-tfs-tcm-mtm {
  background: url("../../_content/tfs-icons.png") no-repeat -6032px -16px !important;
}

.icon-tfs-tcm-not-applicable-small {
  background: url("../../_content/tfs-icons.png") no-repeat -6064px -16px !important;
}

.icon-tfs-tcm-not-applicable {
  background: url("../../_content/tfs-icons.png") no-repeat -6096px -16px !important;
}

.icon-tfs-tcm-open-in-new-tab {
  background: url("../../_content/tfs-icons.png") no-repeat -6128px -16px !important;
}

.icon-tfs-tcm-pass-step-grey {
  background: url("../../_content/tfs-icons.png") no-repeat -6160px -16px !important;
}

.icon-tfs-tcm-passed-small {
  background: url("../../_content/tfs-icons.png") no-repeat -6192px -16px !important;
}

.icon-tfs-tcm-pause-small {
  background: url("../../_content/tfs-icons.png") no-repeat -6224px -16px !important;
}

.icon-tfs-tcm-query-based-suite {
  background: url("../../_content/tfs-icons.png") no-repeat -6256px -16px !important;
}

.icon-tfs-tcm-requirement-based-suite {
  background: url("../../_content/tfs-icons.png") no-repeat -6288px -16px !important;
}

.icon-tfs-tcm-reset-active {
  background: url("../../_content/tfs-icons.png") no-repeat -6320px -16px !important;
}

.icon-tfs-tcm-resume-test {
  background: url("../../_content/tfs-icons.png") no-repeat -6352px -16px !important;
}

.icon-tfs-tcm-save-close-white {
  background: url("../../_content/tfs-icons.png") no-repeat -6384px -16px !important;
}

.icon-tfs-tcm-save-white {
  background: url("../../_content/tfs-icons.png") no-repeat -6416px -16px !important;
}

.icon-tfs-tcm-shared-step {
  background: url("../../_content/tfs-icons.png") no-repeat -6448px -16px !important;
}

.icon-tfs-tcm-static-suite {
  background: url("../../_content/tfs-icons.png") no-repeat -6480px -16px !important;
}

.icon-tfs-tcm-test-no-outcome {
  background: url("../../_content/tfs-icons.png") no-repeat -6512px -16px !important;
}

.icon-tfs-tcm-test-plan {
  background: url("../../_content/tfs-icons.png") no-repeat -6544px -16px !important;
}

.icon-tfs-tcm-tra-create-bug {
  background: url("../../_content/tfs-icons.png") no-repeat -6576px -16px !important;
}

.icon-tfs-tcm-tra-needs-investigation {
  background: url("../../_content/tfs-icons.png") no-repeat -6608px -16px !important;
}

.icon-tfs-tcm-tra-result-aborted {
  background: url("../../_content/tfs-icons.png") no-repeat -6640px -16px !important;
}

.icon-tfs-tcm-tra-result-error {
  background: url("../../_content/tfs-icons.png") no-repeat -6672px -16px !important;
}

.icon-tfs-tcm-tra-result-failed {
  background: url("../../_content/tfs-icons.png") no-repeat -6704px -16px !important;
}

.icon-tfs-tcm-tra-result-in-progress {
  background: url("../../_content/tfs-icons.png") no-repeat -6736px -16px !important;
}

.icon-tfs-tcm-tra-result-not-executed {
  background: url("../../_content/tfs-icons.png") no-repeat -6768px -16px !important;
}

.icon-tfs-tcm-tra-result-passed {
  background: url("../../_content/tfs-icons.png") no-repeat -6800px -16px !important;
}

.icon-tfs-tcm-tra-result-warning {
  background: url("../../_content/tfs-icons.png") no-repeat -6832px -16px !important;
}

.icon-tfs-tcm-tra-run-unspecified {
  background: url("../../_content/tfs-icons.png") no-repeat -6864px -16px !important;
}

.icon-tfs-tcm-tra-update-analysis {
  background: url("../../_content/tfs-icons.png") no-repeat -6896px -16px !important;
}

.icon-tfs-tcm-tra-waiting {
  background: url("../../_content/tfs-icons.png") no-repeat -6928px -16px !important;
}

.icon-tfs-tcm-up-white {
  background: url("../../_content/tfs-icons.png") no-repeat -6960px -16px !important;
}

.icon-tfs-vc-new-pullrequest {
  background: url("../../_content/tfs-icons.png") no-repeat -6992px -16px !important;
}

.icon-tfs-vc-pullrequests-abandoned {
  background: url("../../_content/tfs-icons.png") no-repeat -7024px -16px !important;
}

.icon-tfs-vc-pullrequests-code-comment {
  background: url("../../_content/tfs-icons.png") no-repeat -7056px -16px !important;
}

.icon-tfs-vc-pullrequests-merge {
  background: url("../../_content/tfs-icons.png") no-repeat -7088px -16px !important;
}

.icon-tfs-vc-pullrequests-merged-status-indicator {
  background: url("../../_content/tfs-icons.png") no-repeat -7120px -16px !important;
}

.icon-tfs-vc-pullrequests-ref-update {
  background: url("../../_content/tfs-icons.png") no-repeat -7152px -16px !important;
}

.icon-tfs-vc-status-failed {
  background: url("../../_content/tfs-icons.png") no-repeat -7184px -16px !important;
}

.icon-tfs-vc-status-processing {
  background: url("../../_content/tfs-icons.png") no-repeat -7216px -16px !important;
}

.icon-tfs-vc-status-succeeded {
  background: url("../../_content/tfs-icons.png") no-repeat -7248px -16px !important;
}

.icon-tfs-vc-status-waiting-response-transparent {
  background: url("../../_content/tfs-icons.png") no-repeat -7280px -16px !important;
}

.icon-tfs-vc-status-waiting-transparent {
  background: url("../../_content/tfs-icons.png") no-repeat -7312px -16px !important;
}

.icon-tfs-vc-status-waiting {
  background: url("../../_content/tfs-icons.png") no-repeat -7344px -16px !important;
}

.icon-tfs-work-item-copy {
  background: url("../../_content/tfs-icons.png") no-repeat -7376px -16px !important;
}

.icon-tfs-work-item-new-linked {
  background: url("../../_content/tfs-icons.png") no-repeat -7408px -16px !important;
}

.icon-tfs-work-item {
  background: url("../../_content/tfs-icons.png") no-repeat -7440px -16px !important;
}

.icon-tick {
  background: url("../../_content/tfs-icons.png") no-repeat -7472px -16px !important;
}

.icon-toggle-button-horizontal-collapsed {
  background: url("../../_content/tfs-icons.png") no-repeat -7504px -16px !important;
}

.icon-toggle-button-horizontal-expanded {
  background: url("../../_content/tfs-icons.png") no-repeat -7536px -16px !important;
}

.icon-tree-collapse-all {
  background: url("../../_content/tfs-icons.png") no-repeat -7568px -16px !important;
}

.icon-tree-collapsed {
  background: url("../../_content/tfs-icons.png") no-repeat -7600px -16px !important;
}

.icon-tree-corner {
  background: url("../../_content/tfs-icons.png") no-repeat -7632px -16px !important;
}

.icon-tree-expand-all {
  background: url("../../_content/tfs-icons.png") no-repeat -7664px -16px !important;
}

.icon-tree-expand-one-level {
  background: url("../../_content/tfs-icons.png") no-repeat -7696px -16px !important;
}

.icon-tree-expanded {
  background: url("../../_content/tfs-icons.png") no-repeat -7728px -16px !important;
}

.icon-tree {
  background: url("../../_content/tfs-icons.png") no-repeat -7760px -16px !important;
}

.icon-trial-white {
  background: url("../../_content/tfs-icons.png") no-repeat -7792px -16px !important;
}

.icon-undo {
  background: url("../../_content/tfs-icons.png") no-repeat -7824px -16px !important;
}

.icon-unpin {
  background: url("../../_content/tfs-icons.png") no-repeat -7856px -16px !important;
}

.icon-up {
  background: url("../../_content/tfs-icons.png") no-repeat -7888px -16px !important;
}

.icon-warning {
  background: url("../../_content/tfs-icons.png") no-repeat -7920px -16px !important;
}

.icon-wide-tree-collapsed {
  background: url("../../_content/tfs-icons.png") no-repeat -7952px -16px !important;
}

.icon-wide-tree-expanded {
  background: url("../../_content/tfs-icons.png") no-repeat -7984px -16px !important;
}

.icon-window {
  background: url("../../_content/tfs-icons.png") no-repeat -8016px -16px !important;
}

.icon-wit-attachments {
  background: url("../../_content/tfs-icons.png") no-repeat -8048px -16px !important;
}

.icon-wit-classicview {
  background: url("../../_content/tfs-icons.png") no-repeat -8080px -16px !important;
}

.icon-wit-history {
  background: url("../../_content/tfs-icons.png") no-repeat -8112px -16px !important;
}

.icon-close-white {
  background: url("../../_content/tfs-icons2.png") no-repeat -16px -16px !important;
}

.icon-customize-process {
  background: url("../../_content/tfs-icons2.png") no-repeat -48px -16px !important;
}

.icon-inherited-form {
  background: url("../../_content/tfs-icons2.png") no-repeat -80px -16px !important;
}

.icon-reload {
  background: url("../../_content/tfs-icons2.png") no-repeat -112px -16px !important;
}

.icon-restore {
  background: url("../../_content/tfs-icons2.png") no-repeat -144px -16px !important;
}

.icon-xt {
  background: url("../../_content/tfs-icons2.png") no-repeat -176px -16px !important;
}

.icon-product-logo {
  background: url("../../_content/product-logo.png") no-repeat 0px 0px !important;
}

.icon-avatar {
  background: url("../../_content/icon-avatar.png") no-repeat 0px 0px !important;
}

.icon-code-analysis-resolved-small {
  background: url("../../_content/icon-code-analysis-resolved-small.png") no-repeat 0px 0px !important;
}

.icon-close-small {
  background: url("../../_content/icon-close-small.png") no-repeat 0px 0px !important;
}

.icon-close-small-white {
  background: url("../../_content/icon-close-small-white.png") no-repeat 0px 0px !important;
}

.icon-comment-arrow {
  background: url("../../_content/icon-comment-arrow.png") no-repeat 0px 0px !important;
}

.icon-date-small {
  background: url("../../_content/icon-date-small.png") no-repeat 0px 0px !important;
}

.icon-delete-small {
  background: url("../../_content/icon-delete-small.png") no-repeat 0px 0px !important;
}

.icon-service-profile {
  background: url("../../_content/icon-service-profile.png") no-repeat 0px 0px !important;
}

.icon-wiki-external-link {
  background: url("../../_content/icon-wiki-external-link.png") no-repeat 0px 0px !important;
}

.icon-checkmark-green {
  background: url("../../_content/icon-checkmark-green.png") no-repeat 0px 0px !important;
}

.icon-download-package {
  background: url("../../_content/icon-download-package.png") no-repeat 0px 0px !important;
}

.icon-build-histogram-succeeded-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat 0px 0px !important;
}

.icon-build-histogram-failed-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat -30px 0px !important;
}

.icon-build-histogram-partiallysucceeded-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat -60px 0px !important;
}

.icon-build-histogram-inprogress-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat -90px 0px !important;
}

.icon-build-histogram-succeeded {
  background: url("../../_content/build-histogram-bars.png") no-repeat -120px 0px !important;
}

.icon-build-histogram-failed {
  background: url("../../_content/build-histogram-bars.png") no-repeat -150px 0px !important;
}

.icon-build-histogram-partiallysucceeded {
  background: url("../../_content/build-histogram-bars.png") no-repeat -180px 0px !important;
}

.icon-build-histogram-inprogress {
  background: url("../../_content/build-histogram-bars.png") no-repeat -210px 0px !important;
}

.icon-build-histogram-default {
  background: url("../../_content/build-histogram-bars.png") no-repeat -240px 0px !important;
}

.icon-build-histogram-duration {
  background: url("../../_content/build-histogram-bars.png") no-repeat -270px 0px !important;
}

.icon-build-histogram-duration-hover {
  background: url("../../_content/build-histogram-bars.png") no-repeat -300px 0px !important;
}

.icon-header-browse-all {
  background: url("../../_content/header-icons.png") no-repeat -16px -16px !important;
}

.icon-header-browse-all-hover {
  background: url("../../_content/header-icons.png") no-repeat -48px -16px !important;
}

.icon-header-down-arrow {
  background: url("../../_content/header-icons.png") no-repeat -96px -16px !important;
}

.icon-header-down-arrow-hover {
  background: url("../../_content/header-icons.png") no-repeat -128px -16px !important;
}

.icon-header-search {
  background: url("../../_content/header-icons.png") no-repeat -256px -16px !important;
}

.icon-header-search-arrow {
  background: url("../../_content/header-icons.png") no-repeat -288px -16px !important;
}

.icon-header-projects {
  background: url("../../_content/header-icons.png") no-repeat -320px 0px !important;
}

.icon-header-projects-hover {
  background: url("../../_content/header-icons.png") no-repeat -448px 0px !important;
}

.icon-header-projects-init {
  background: url("../../_content/header-icons.png") no-repeat -520px 0px !important;
}

.icon-header-community-help {
  background: url("../../_content/header-icons.png") no-repeat -600px 0px !important;
}

.icon-header-community-help-hover {
  background: url("../../_content/header-icons.png") no-repeat -700px 0px !important;
}

.icon-header-blue-search {
  background: url("../../_content/header-icons.png") no-repeat -812px -16px !important;
}

.icon-header-white-search {
  background: url("../../_content/header-icons.png") no-repeat -852px -16px !important;
}

.icon-header-blue-bg-search {
  background: url("../../_content/header-icons.png") no-repeat -888px -16px !important;
}

.icon-navigate-external-link {
  background: url("../../_content/icon-navigate-external-link.png") no-repeat 0px 0px !important;
}

.icon-tfs-build-status-completed {
  background: url("../../_content/tfs-icons.png") no-repeat -4464px -16px !important;
}

.icon-tfs-build-status-retry {
  background: url("../../_content/tfs-icons.png") no-repeat -4400px -16px !important;
}

.icon-tfs-build-reason-individualci {
  background: url("../../_content/tfs-icons.png") no-repeat -4016px -16px !important;
}

.icon-nav-header-feedback {
  background: url("../../_content/vss-themed-default.png") no-repeat -16px -16px !important;
}

.icon-nav-header-help {
  background: url("../../_content/vss-themed-default.png") no-repeat -48px -16px !important;
}

.icon-nav-header-settings {
  background: url("../../_content/vss-themed-default.png") no-repeat -80px -16px !important;
}