
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  line-height: 1;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

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

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

a img {
  border: none;
}

@font-face {
  font-family: Helvetica Neue for IBM;
  src: url(/fonts/helvetica-neue-roman.woff);
}
@font-face {
  font-family: Helvetica Neue for IBM;
  src: url(/fonts/helvetica-neue-bold.woff);
  font-weight: bold;
}
@font-face {
  font-family: Helvetica Neue for IBM;
  src: url(/fonts/helvetica-neue-roman-italic.woff);
  font-style: italic;
}
@font-face {
  font-family: Helvetica Neue for IBM;
  src: url(/fonts/helvetica-neue-bold-italic.woff);
  font-weight: bold;
  font-style: italic;
}
.overview.show section#container > header {
  position: relative;
  width: 1410px;
  margin: 0 auto;
}

.grid-checkbox input {
  margin: 25%;
}

/*! jQuery UI - v1.10.2 - 2013-05-01
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Gill%20Sans%2C%20Gill%20Sans%20MT%2C%20Calibri%2C%20sans-serif&fwDefault=normal&fsDefault=1em&cornerRadius=4px&bgColorHeader=%23cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=%23aaaaaa&fcHeader=%23222222&iconColorHeader=%23222222&bgColorContent=%23ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=%23aaaaaa&fcContent=%23222222&iconColorContent=%23222222&bgColorDefault=%23e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=%23d3d3d3&fcDefault=%23555555&iconColorDefault=%23888888&bgColorHover=%23dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=%23999999&fcHover=%23212121&iconColorHover=%23454545&bgColorActive=%23ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=%23aaaaaa&fcActive=%23212121&iconColorActive=%23454545&bgColorHighlight=%23fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=%23fcefa1&fcHighlight=%23363636&iconColorHighlight=%232e83ff&bgColorError=%23fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=%23cd0a0a&fcError=%23cd0a0a&iconColorError=%23cd0a0a&bgColorOverlay=%23aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=%23aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

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

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0; /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0; /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
  padding-left: 0.7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible; /* removes extra width in IE */
}

.ui-button,
.ui-button:link,
.ui-button:visited,
.ui-button:hover,
.ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}

/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}

.ui-button-icon-only .ui-button-text,
.ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text,
.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding-left: 2.1em;
  padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: 0.4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon,
.ui-button-text-icon-primary .ui-icon,
.ui-button-text-icon-secondary .ui-icon,
.ui-button-text-icons .ui-icon,
.ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary,
.ui-button-text-icons .ui-button-icon-primary,
.ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary,
.ui-button-text-icons .ui-button-icon-secondary,
.ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

/* button sets */
.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner,
button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0em 1em;
  position: relative;
  border-bottom: 1px solid #ffffff;
  border-top: 0px;
  border-right: 0px;
  border-left: 0px;
  color: #222222;
  background: #ffffff;
  height: 56px;
  font-size: 16px;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 21px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
}

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px 0.4em;
  line-height: 1.5;
  min-height: 0; /* support: IE7 */
  font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus,
.ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: 0.4em 0 0.2em;
  line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
  cursor: default;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0.2em;
  left: 0.2em;
}

/* right-aligned */
.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}

.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url(/smoothness/images/animated-overlay-89763097fbe8e635ebed1643e4521682207e2a72c5ef76aaa9ca53407610a378.gif);
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

/* For IE8 - See #6727 */
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

/* vertical centre icon */
.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}

.ui-tabs {
  position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text;
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif;
  font-size: 1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Gill Sans, Gill Sans MT, Calibri, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: #ffffff url(/smoothness/images/ui-bg_flat_75_ffffff_40x100-a35f8bc229335e5c2181d3e6d10574199aa6914fb67620ad3b3e3bdad268565b.png) 50% 50% repeat-x;
  color: #222222;
}

.ui-widget-content a {
  color: #222222;
}

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #4178be;
  color: #ffffff;
  font-weight: bold;
}

.ui-widget-header a {
  color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #dfe3e6;
  background: #f4f7fb;
  font-weight: normal;
  height: 40px;
  color: #212121;
}

.grid_row_count.container_widget {
  padding-right: 5px;
  padding-left: 30px;
}

.ui-selectmenu.ui-selectmenu-dropdown.ui-state-default {
  border: 1px solid #d3d3d3;
  border-bottom: 2px solid #5a6872;
  background: #ffffff;
}

.ui-selectmenu-status {
  color: #152935;
}

.menu-action .ui-state-default {
  height: 22px;
}

/* .grid_row_count.container_widget {
  position: absolute;
  right: 50px;
} */
.ui-dialog-buttonset .ui-button-submit.ui-state-default,
.ui-dialog-buttonset .ui-state-default,
.action.input_action .ui-button.ui-state-default,
.list-header .ui-button.ui-state-default,
.report button.ui-button.ui-state-default,
.bigfix-filter-component-action-container .ui-state-default,
.myaccount .ui-button.ui-state-default,
.regen_api_token.ui-button.ui-state-default,
.clear_home_page.ui-button.ui-state-default,
.bigfix-filter-component-table .ui-button.ui-state-default,
.button_to .ui-button.ui-state-default,
.import-status .import-now.ui-state-default,
.area_w_margin button.ui-button.ui-state-default,
.formtastic .ui-button.ui-state-default,
.add_filter_0.ui-button.ui-corner-all.ui-state-default,
.add_file_0.ui-button.ui-corner-all.ui-state-default {
  border: 1px solid #4178be;
  color: #ffffff;
  background: #4178BE;
  height: 32px;
  font-size: 14px;
}

.ui-dialog-buttonset .ui-button-cancel.ui-state-default,
#cancel_button.ui-state-default {
  border: 1px solid #4178be;
  color: #4178be;
  background: #ffffff;
  height: 32px;
  font-size: 14px;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close.ui-state-default {
  border: none;
  position: absolute;
  top: 10px;
  right: 3px;
  color: #ffffff;
  background-color: #ffffff;
  height: 25px;
  font-size: 32px;
  text-align: top;
}

button.ui-dialog-titlebar-close > span.ui-icon-closethick {
  background-image: url(/smoothness/images/ui-icons_2e83ff_256x240-11d5d6ce3de615a123d50d0c2f75e24a3fa5526fd96a37107a1ce2887a0902ed.png);
}

button.ui-dialog-titlebar-close > span.ui-button-text {
  display: none;
}

.ui-button.ui-widget.ui-state-hover.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close.ui-state-hover,
.ui-button.ui-widget.ui-state-focus.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close.ui-state-focus {
  border: 1px solid #ffffff;
  position: absolute;
  top: 13px;
  right: 3px;
  color: #ffffff;
  background: #ffffff;
  height: 20px;
  font-size: 32px;
  text-align: top;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada;
  font-weight: normal;
  color: #212121;
}

.ui-dialog-buttonset .ui-button-submit.ui-state-hover,
.ui-dialog-buttonset .ui-button-submit.ui-state-focus,
.ui-dialog-buttonset .ui-button-cancel.ui-state-hover,
.ui-dialog-buttonset .ui-button-cancel.ui-state-focus,
.ui-dialog-buttonset .ui-state-hover,
.ui-dialog-buttonset .ui-state-focus,
.action.input_action .ui-button.ui-state-hover,
.action.input_action .ui-button.ui-state-focus,
.bigfix-filter-component-action-container .ui-state-hover,
.bigfix-filter-component-action-container .ui-state-focus,
.myaccount .ui-button.ui-state-hover,
.myaccount .ui-button.ui-state-focus,
.regen_api_token.ui-button.ui-state-hover,
.regen_api_token.ui-button.ui-state-focus,
.clear_home_page.ui-button.ui-state-hover,
.clear_home_page.ui-button.ui-state-focus,
.bigfix-filter-component-table .ui-button.ui-state-focus,
.bigfix-filter-component-table .ui-button.ui-state-hover,
.button_to .ui-button.ui-state-focus,
.button_to .ui-button.ui-state-hover,
.import-status .import-now.ui-state-focus,
.import-status .import-now.ui-state-hover,
.area_w_margin button.ui-button.ui-state-focus,
.area_w_margin button.ui-button.ui-state-hover,
.formtastic .ui-button.ui-state-focus,
.formtastic .ui-button.ui-state-hover,
.add_filter_0.ui-button.ui-corner-all.ui-state-focus,
.add_filter_0.ui-button.ui-corner-all.ui-state-hover,
.add_file_0.ui-button.ui-corner-all.ui-state-focus,
.add_file_0.ui-button.ui-corner-all.ui-state-hover,
#cancel_button.ui-state-focus,
#cancel_button.ui-state-hover {
  border: 1px solid #264a60;
  color: #ffffff;
  background: #264a60;
  height: 32px;
  font-size: 14px;
}

.list-header .ui-button.ui-state-hover,
.list-header .ui-button.ui-state-focus,
.report button.ui-button.ui-state-hover,
.report button.ui-button.ui-state-focus {
  border: 1px solid #ffffff;
  color: #4178be;
  background: #ffffff;
  height: 32px;
  font-size: 14px;
}

.ui-dialog-buttonset .ui-button-disabled,
.action.input_action .ui-button-disabled.ui-state-disabled,
.bigfix-filter-component-action-container .ui-state-disabled,
.myaccount .ui-button.ui-state-disabled,
.regen_api_token.ui-button.ui-state-disabled,
.clear_home_page.ui-button.ui-state-disabled,
.bigfix-filter-component-table .ui-button.ui-state-disabled,
.button_to .ui-button.ui-state-disabled,
.import-status .import-now.ui-state-disabled,
.area_w_margin button.ui-button.ui-state-disabled,
.formtastic .ui-button.ui-state-disabled,
.add_filter_0.ui-button.ui-corner-all.ui-state-disabled,
.add_file_0.ui-button.ui-corner-all.ui-state-disabled {
  border: 1px solid #4178be;
  color: #ffffff;
  background: #4178be;
  opacity: 0.5;
  height: 32px;
  font-size: 14px;
}

.list-header .ui-button.ui-state-disabled {
  opacity: 0.5;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: #ffffff url(/smoothness/images/ui-bg_glass_65_ffffff_1x400-b07250f05be178573a832e09fc2a08f5410058348122ba358ff18162784a00c7.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee;
  color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(/smoothness/images/ui-bg_glass_95_fef1ec_1x400-661677336ff3974361d17e905bc405ce67e315aa841866785cfc6cabd7eec80a.png) 50% 50% repeat-x;
  color: #cd0a0a;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #cd0a0a;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(/smoothness/images/ui-icons_222222_256x240-609fc07293a0a8c0fb203d731506e85433e6bbec2086dfb8b513bc210d48c394.png);
}

.ui-widget-header .ui-icon {
  background-image: url(/smoothness/images/ui-icons_222222_256x240-609fc07293a0a8c0fb203d731506e85433e6bbec2086dfb8b513bc210d48c394.png);
}

.ui-state-default .ui-icon {
  background-image: url(/smoothness/images/ui-icons_ffffff_256x240-cd0a3748537d762473d678715f64c1b6be299e678b90412e62340691e7d69be3.png);
}

#saved-reports-button .ui-icon {
  background-image: url(/smoothness/images/ui-icons_222222_256x240-609fc07293a0a8c0fb203d731506e85433e6bbec2086dfb8b513bc210d48c394.png);
}

.ui-state-disabled .ui-icon {
  background-image: url(/smoothness/images/ui-icons_888888_256x240-6abd8f62b3757b0051ba3de00d41b8c5790bf86e65fd177f7074dfda162b079f.png);
}

.ui-state-disabled .ui-button-icon-primary.ui-icon {
  background-image: url(/smoothness/images/ui-icons_ffffff_256x240-cd0a3748537d762473d678715f64c1b6be299e678b90412e62340691e7d69be3.png);
  opacity: 0.5;
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(/smoothness/images/ui-icons_ffffff_256x240-cd0a3748537d762473d678715f64c1b6be299e678b90412e62340691e7d69be3.png);
}

.ui-state-hover .ui-button-icon-primary.ui-icon,
.ui-state-focus .ui-button-icon-primary.ui-icon {
  background-image: url(/smoothness/images/ui-icons_2e83ff_256x240-11d5d6ce3de615a123d50d0c2f75e24a3fa5526fd96a37107a1ce2887a0902ed.png);
}

.ui-state-active .ui-icon {
  background-image: url(/smoothness/images/ui-icons_ffffff_256x240-cd0a3748537d762473d678715f64c1b6be299e678b90412e62340691e7d69be3.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(/smoothness/images/ui-icons_2e83ff_256x240-11d5d6ce3de615a123d50d0c2f75e24a3fa5526fd96a37107a1ce2887a0902ed.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(/smoothness/images/ui-icons_cd0a0a_256x240-a4bf867768b744ba260c8bdd62966303e5af8f9017594c012378dae9add105b6.png);
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 0px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 0px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url(/smoothness/images/ui-bg_flat_0_aaaaaa_40x100-95f524744595a60c898bcb675c32f35eb517a333b4fbd2670d767aa83410512e.png) 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

/* jquery-ui 1.13.1 updates */
/* fix for hardly visible grey on grey tooltip - background and opacity removed */
.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  border-radius: 0px;
}

/* padding for buttons only (jquery 1.13.1 does not create spans under buttons) */
button.ui-button {
  padding: 0em 1em;
}

/* hover and focus for New/Delete and other buttons in that area */
.list-header .ui-button.ui-state-default:hover:not([disabled]),
.list-header .ui-button.ui-state-default:focus:not([disabled]),
.report button.ui-button.ui-state-default:hover:not([disabled]),
.report button.ui-button.ui-state-default:focus:not([disabled]),
.area_w_margin button.ui-button.ui-state-default:hover:not([disabled]),
.area_w_margin button.ui-button.ui-state-default:focus:not([disabled]) {
  border: 1px solid #ffffff;
  color: #4178be;
  background: #ffffff;
  height: 32px;
  font-size: 14px;
}

/* changing icons inside buttons for the blue color on hover */
.list-header .ui-button.ui-state-default:hover:not([disabled]) span.ui-icon,
.list-header .ui-button.ui-state-default:focus:not([disabled]) span.ui-icon,
.report button.ui-button.ui-state-default:hover:not([disabled]) span.ui-icon,
.report button.ui-button.ui-state-default:focus:not([disabled]) span.ui-icon,
.area_w_margin button.ui-button.ui-state-default:hover:not([disabled]) span.ui-icon,
.area_w_margin button.ui-button.ui-state-default:focus:not([disabled]) span.ui-icon {
  background-image: url(/smoothness/images/ui-icons_2e83ff_256x240-11d5d6ce3de615a123d50d0c2f75e24a3fa5526fd96a37107a1ce2887a0902ed.png);
}

/* fix for padding for New/Delete etc. buttons with icons */
.report button.ui-button.ui-state-default span.ui-button-text,
.area_w_margin button.ui-button.ui-state-default span.ui-button-text,
.list-header button.ui-button.ui-state-default span.ui-button-text {
  padding-left: 1em;
  padding-right: 0em;
}

/* hover and focus for Create/Save in a form and other buttons like Import or Set home page */
.action.input_action .ui-button:hover,
.action.input_action .ui-button:focus,
.formtastic .ui-button:hover,
.formtastic .ui-button:focus,
.myaccount .ui-button:hover,
.myaccount .ui-button:focus,
.import-status .import-now:hover,
.import-status .import-now:focus,
.bigfix-filter-component-table .ui-button:hover,
.bigfix-filter-component-table .ui-button:focus,
.ui-dialog-buttonset .ui-state-default:hover,
.ui-dialog-buttonset .ui-state-default:focus,
.ui-dialog-buttonset .ui-button-cancel.ui-state-default:hover,
.ui-dialog-buttonset .ui-button-cancel.ui-state-default:focus,
#cancel_button.ui-state-default:hover,
#cancel_button.ui-state-default:focus,
.button_to .ui-button:hover,
.button_to .ui-button:focus {
  border: 1px solid #264a60;
  color: #ffffff;
  background: #264a60;
  height: 32px;
  font-size: 14px;
}

.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close.ui-state-default {
  overflow: hidden;
}

.ui-state-disabled .ui-button-icon,
.ui-state-disabled .ui-button-icon-primary.ui-icon {
  background-image: url(/smoothness/images/ui-icons_ffffff_256x240-cd0a3748537d762473d678715f64c1b6be299e678b90412e62340691e7d69be3.png);
  opacity: 0.5;
}

/*
IMPORTANT:
In order to preserve the uniform grid appearance, all cell styles need to have padding, margin and border sizes.
No built-in (selected, editable, highlight, flashing, invalid, loading, :focus) or user-specified CSS
classes should alter those!
*/
.slick-header.ui-state-default, .slick-headerrow.ui-state-default {
  width: 100%;
  overflow: hidden;
  border-left: 0px;
}

.slick-header-columns, .slick-headerrow-columns {
  position: relative;
  white-space: nowrap;
  cursor: default;
  overflow: hidden;
}

.slick-header-column:focus {
  border: 1px solid #999999;
  background: #dadada url(/smoothness/images/ui-bg_glass_75_dadada_1x400-c0eb002316cb7333f57a2837858b012129cc00cf6d73a6b9153b583bde3333fd.png) 50% 50% repeat-x;
  color: #212121;
}

.slick-header-column.ui-state-default {
  position: relative;
  display: inline-block;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  height: 16px;
  line-height: 16px;
  margin: 0;
  padding: 4px;
  border-right: 1px solid silver;
  border-left: 0px;
  border-top: 0px;
  border-bottom: 0px;
  float: left;
}

.slick-headerrow-column.ui-state-default {
  padding: 4px;
}

.slick-header-column-sorted {
  font-style: italic;
}

.slick-sort-indicator {
  display: block;
  width: 8px;
  height: 5px;
  margin-left: 50%;
  margin-top: -4px;
}

.slick-sort-indicator-desc {
  background: url(/images/sort-desc.gif);
}

.slick-sort-indicator-asc {
  background: url(/images/sort-asc.gif);
}

.slick-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
  cursor: col-resize;
  width: 4px;
  right: 0px;
  top: 0;
  height: 100%;
}

.slick-sortable-placeholder {
  background: silver;
}

.grid-canvas {
  position: relative;
  outline: 0;
}

.slick-row.ui-widget-content, .slick-row.ui-state-active {
  position: absolute;
  border: 0px;
  width: 100%;
}

.slick-cell, .slick-headerrow-column {
  position: absolute;
  border: 1px solid transparent;
  border-right: 1px dotted silver;
  border-bottom-color: silver;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  vertical-align: middle;
  z-index: 1;
  padding: 1px 3px 2px 3px;
  margin: 0;
  white-space: nowrap;
  cursor: default;
}

/* IBM fix: guarantee that small dots won't show next to checkboxes on firefox (solution for defect 197833) */
div .grid-checkbox {
  text-overflow: clip;
}

.slick-group-toggle {
  display: inline-block;
}

.slick-cell.highlighted {
  background: lightskyblue;
  background: rgba(0, 0, 255, 0.2);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}

.slick-cell.flashing {
  border: 1px solid red !important;
}

.slick-cell.editable {
  z-index: 11;
  overflow: visible;
  background: white;
  border-color: black;
  border-style: solid;
}

.slick-cell:focus {
  outline: none;
  /* IBM fix: mark focused cell */
  border: 1px dotted black;
}

.slick-reorder-proxy {
  display: inline-block;
  background: blue;
  opacity: 0.15;
  filter: alpha(opacity=15);
  cursor: move;
}

.slick-reorder-guide {
  display: inline-block;
  height: 2px;
  background: blue;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.slick-selection {
  z-index: 10;
  position: absolute;
  border: 2px dashed black;
}

/* TimeEntry styles v2.0.0 */
.timeEntry-control {
  vertical-align: middle;
  margin-left: 2px;
}

.tipsy {
  padding: 5px;
  font-size: 10px;
  position: absolute;
  z-index: 100000;
}

.tipsy-inner {
  padding: 5px 8px 4px 8px;
  background-color: black;
  color: white;
  max-width: 200px;
  text-align: left;
}

.tipsy-inner {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

.tipsy-arrow {
  position: absolute;
  background: url(/../images/tipsy.gif) no-repeat top left;
  width: 9px;
  height: 5px;
}

.tipsy-n .tipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -4px;
}

.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
}

.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
}

.tipsy-s .tipsy-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -4px;
  background-position: bottom left;
}

.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  background-position: bottom left;
}

.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  background-position: bottom left;
}

.tipsy-e .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: 5px;
  height: 9px;
  background-position: top right;
}

.tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  left: 0;
  width: 5px;
  height: 9px;
}

/* Selectmenu
----------------------------------*/
.ui-selectmenu {
  display: block;
  display: inline-block;
  position: relative;
  height: 2.2em;
  vertical-align: middle;
  text-decoration: none;
  overflow: hidden;
  zoom: 1;
}

.ui-selectmenu-icon {
  position: absolute;
  right: 6px;
  margin-top: -8px;
  top: 50%;
}

.ui-selectmenu-menu {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 0;
  display: none;
  z-index: 1005;
} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
}

.ui-selectmenu-open {
  display: block;
}

ul.ui-selectmenu-menu-popup {
  margin-top: -1px;
}

.ui-selectmenu-menu li {
  padding: 0;
  margin: 0;
  display: block;
  border-top: 1px dotted transparent;
  border-bottom: 1px dotted transparent;
  border-right-width: 0 !important;
  border-left-width: 0 !important;
}

.ui-selectmenu-menu li a, .ui-selectmenu-status {
  line-height: 1.4em;
  display: block;
  padding: 0.405em 2.1em 0.405em 1em;
  outline: none;
  text-decoration: none;
}

.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled {
  cursor: default;
}

.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status {
  padding-left: 20px;
  position: relative;
  margin-left: 5px;
}

.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon {
  position: absolute;
  top: 1em;
  margin-top: -8px;
  left: 0;
}

.ui-selectmenu-status {
  line-height: 1.4em;
}

.ui-selectmenu-menu li span, .ui-selectmenu-status span {
  display: block;
  margin-bottom: 0.2em;
}

.ui-selectmenu-menu li .ui-selectmenu-item-header {
  font-weight: bold;
}

.ui-selectmenu-menu li .ui-selectmenu-item-footer {
  opacity: 0.8;
}

/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group {
  font-size: 1em;
}

.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label {
  line-height: 1.4em;
  display: block;
  padding: 0.6em 0.5em 0;
  font-weight: bold;
}

.ui-selectmenu-menu .ui-selectmenu-group ul {
  margin: 0;
  padding: 0;
}

/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li {
  border-color: pink;
  filter: chroma(color=pink);
  width: 100%;
}

* html .ui-selectmenu-menu li a {
  position: relative;
}

/* IE7 workaround (opacity disabled) */
* + html .ui-state-disabled, * + html .ui-state-disabled a {
  color: silver;
}

.ui-bigfix-gridColumnPicker form {
  font-weight: normal;
}

.ui-bigfix-gridColumnPicker header {
  font-weight: bold;
}

.ui-bigfix-gridColumnPicker ul {
  list-style-type: none;
  margin: 0.5em;
}

.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle;
}

.select2-container .select2-selection--single {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  height: 28px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  display: block;
  padding-left: 8px;
  padding-right: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-selection--single .select2-selection__clear {
  position: relative;
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
  padding-right: 8px;
  padding-left: 20px;
}

.select2-container .select2-selection--multiple {
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  min-height: 32px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: inline-block;
  overflow: hidden;
  padding-left: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.select2-container .select2-search--inline {
  /* IBM fix: 177390 "Please select..." is truncated when select Software template*/
  width: 100% !important;
  float: left;
}

.select2-container .select2-search--inline .select2-search__field {
  box-sizing: border-box;
  /*IBM fix: 177390 "Please select..." is truncated when select Software template*/
  width: 100% !important;
  border: none;
  font-size: 100%;
  margin-top: 5px;
  padding: 0;
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 0px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051;
}

.select2-results {
  display: block;
}

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0;
}

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none;
}

.select2-results__option[aria-selected] {
  cursor: pointer;
}

.select2-container--open .select2-dropdown {
  left: 0;
}

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-search--dropdown {
  display: block;
  padding: 4px;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px;
  width: 100%;
  box-sizing: border-box;
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

.select2-search--dropdown.select2-search--hide {
  display: none;
}

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0);
}

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

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 0px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 0px;
  cursor: text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  box-sizing: border-box;
  list-style: none;
  margin: 0;
  padding: 0 5px;
  width: 100%;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
  list-style: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  color: #999;
  margin-top: 5px;
  float: left;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-top: 5px;
  margin-right: 10px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 0px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #333;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline {
  float: right;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0;
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default;
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
}

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield;
}

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--default .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999;
}

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd;
}

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
  padding-left: 0;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -1em;
  padding-left: 2em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -2em;
  padding-left: 3em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -3em;
  padding-left: 4em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -4em;
  padding-left: 5em;
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
  margin-left: -5em;
  padding-left: 6em;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white;
}

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 0px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic .select2-selection--single:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 28px;
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
  cursor: pointer;
  float: right;
  font-weight: bold;
  margin-right: 10px;
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
  color: #999;
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
  background-color: #ddd;
  border: none;
  border-left: 1px solid #aaa;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  height: 26px;
  position: absolute;
  top: 1px;
  right: 1px;
  width: 20px;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0);
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
  border-color: #888 transparent transparent transparent;
  border-style: solid;
  border-width: 5px 4px 0 4px;
  height: 0;
  left: 50%;
  margin-left: -4px;
  margin-top: -2px;
  position: absolute;
  top: 50%;
  width: 0;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
  float: left;
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  left: 1px;
  right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
  background: transparent;
  border: none;
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0);
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0);
}

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 0px;
  cursor: text;
  outline: 0;
}

.select2-container--classic .select2-selection--multiple:focus {
  border: 1px solid #5897fb;
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
  list-style: none;
  margin: 0;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
  display: none;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
  background-color: #e4e4e4;
  border: 1px solid #aaa;
  border-radius: 0px;
  cursor: default;
  float: left;
  margin-right: 5px;
  margin-top: 5px;
  padding: 0 5px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
  color: #888;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  margin-right: 2px;
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
  color: #555;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  float: right;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto;
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto;
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb;
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0;
}

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none;
}

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent;
}

.select2-container--classic .select2-dropdown--above {
  border-bottom: none;
}

.select2-container--classic .select2-dropdown--below {
  border-top: none;
}

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto;
}

.select2-container--classic .select2-results__option[role=group] {
  padding: 0;
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey;
}

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white;
}

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px;
}

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb;
}

.container {
  width: 950px;
  margin: 0 auto;
}
.container:after {
  content: "";
  display: table;
  clear: both;
}

.column, .span-24, .span-23, .span-22, .span-21, .span-20, .span-19, .span-18, .span-17, .span-16, .span-15, .span-14, .span-13, .span-12, .span-11, .span-10, .span-9, .span-8, .span-7, .span-6, .span-5, .span-4, .span-3, .span-2, .span-1 {
  float: left;
  margin-right: 10px;
}
* html .column, * html .span-24, * html .span-23, * html .span-22, * html .span-21, * html .span-20, * html .span-19, * html .span-18, * html .span-17, * html .span-16, * html .span-15, * html .span-14, * html .span-13, * html .span-12, * html .span-11, * html .span-10, * html .span-9, * html .span-8, * html .span-7, * html .span-6, * html .span-5, * html .span-4, * html .span-3, * html .span-2, * html .span-1 {
  overflow-x: hidden;
}

.last {
  margin-right: 0;
}

.span-1 {
  width: 30px;
}

.span-2 {
  width: 70px;
}

.span-3 {
  width: 110px;
}

.span-4 {
  width: 150px;
}

.span-5 {
  width: 190px;
}

.span-6 {
  width: 230px;
}

.span-7 {
  width: 270px;
}

.span-8 {
  width: 310px;
}

.span-9 {
  width: 350px;
}

.span-10 {
  width: 390px;
}

.span-11 {
  width: 430px;
}

.span-12 {
  width: 470px;
}

.span-13 {
  width: 510px;
}

.span-14 {
  width: 550px;
}

.span-15 {
  width: 590px;
}

.span-16 {
  width: 630px;
}

.span-17 {
  width: 670px;
}

.span-18 {
  width: 710px;
}

.span-19 {
  width: 750px;
}

.span-20 {
  width: 790px;
}

.span-21 {
  width: 830px;
}

.span-22 {
  width: 870px;
}

.span-23 {
  width: 910px;
}

.span-24 {
  width: 950px;
  margin: 0;
}

input.span-1, textarea.span-1, select.span-1 {
  width: 30px;
}
input.span-2, textarea.span-2, select.span-2 {
  width: 70px;
}
input.span-3, textarea.span-3, select.span-3 {
  width: 110px;
}
input.span-4, textarea.span-4, select.span-4 {
  width: 150px;
}
input.span-5, textarea.span-5, select.span-5 {
  width: 190px;
}
input.span-6, textarea.span-6, select.span-6 {
  width: 230px;
}
input.span-7, textarea.span-7, select.span-7 {
  width: 270px;
}
input.span-8, textarea.span-8, select.span-8 {
  width: 310px;
}
input.span-9, textarea.span-9, select.span-9 {
  width: 350px;
}
input.span-10, textarea.span-10, select.span-10 {
  width: 390px;
}
input.span-11, textarea.span-11, select.span-11 {
  width: 430px;
}
input.span-12, textarea.span-12, select.span-12 {
  width: 470px;
}
input.span-13, textarea.span-13, select.span-13 {
  width: 510px;
}
input.span-14, textarea.span-14, select.span-14 {
  width: 550px;
}
input.span-15, textarea.span-15, select.span-15 {
  width: 590px;
}
input.span-16, textarea.span-16, select.span-16 {
  width: 630px;
}
input.span-17, textarea.span-17, select.span-17 {
  width: 670px;
}
input.span-18, textarea.span-18, select.span-18 {
  width: 710px;
}
input.span-19, textarea.span-19, select.span-19 {
  width: 750px;
}
input.span-20, textarea.span-20, select.span-20 {
  width: 790px;
}
input.span-21, textarea.span-21, select.span-21 {
  width: 830px;
}
input.span-22, textarea.span-22, select.span-22 {
  width: 870px;
}
input.span-23, textarea.span-23, select.span-23 {
  width: 910px;
}
input.span-24, textarea.span-24, select.span-24 {
  width: 950px;
}

.append-1 {
  padding-right: 40px;
}

.append-2 {
  padding-right: 80px;
}

.append-3 {
  padding-right: 120px;
}

.append-4 {
  padding-right: 160px;
}

.append-5 {
  padding-right: 200px;
}

.append-6 {
  padding-right: 240px;
}

.append-7 {
  padding-right: 280px;
}

.append-8 {
  padding-right: 320px;
}

.append-9 {
  padding-right: 360px;
}

.append-10 {
  padding-right: 400px;
}

.append-11 {
  padding-right: 440px;
}

.append-12 {
  padding-right: 480px;
}

.append-13 {
  padding-right: 520px;
}

.append-14 {
  padding-right: 560px;
}

.append-15 {
  padding-right: 600px;
}

.append-16 {
  padding-right: 640px;
}

.append-17 {
  padding-right: 680px;
}

.append-18 {
  padding-right: 720px;
}

.append-19 {
  padding-right: 760px;
}

.append-20 {
  padding-right: 800px;
}

.append-21 {
  padding-right: 840px;
}

.append-22 {
  padding-right: 880px;
}

.append-23 {
  padding-right: 920px;
}

.prepend-1 {
  padding-left: 40px;
}

.prepend-2 {
  padding-left: 80px;
}

.prepend-3 {
  padding-left: 120px;
}

.prepend-4 {
  padding-left: 160px;
}

.prepend-5 {
  padding-left: 200px;
}

.prepend-6 {
  padding-left: 240px;
}

.prepend-7 {
  padding-left: 280px;
}

.prepend-8 {
  padding-left: 320px;
}

.prepend-9 {
  padding-left: 360px;
}

.prepend-10 {
  padding-left: 400px;
}

.prepend-11 {
  padding-left: 440px;
}

.prepend-12 {
  padding-left: 480px;
}

.prepend-13 {
  padding-left: 520px;
}

.prepend-14 {
  padding-left: 560px;
}

.prepend-15 {
  padding-left: 600px;
}

.prepend-16 {
  padding-left: 640px;
}

.prepend-17 {
  padding-left: 680px;
}

.prepend-18 {
  padding-left: 720px;
}

.prepend-19 {
  padding-left: 760px;
}

.prepend-20 {
  padding-left: 800px;
}

.prepend-21 {
  padding-left: 840px;
}

.prepend-22 {
  padding-left: 880px;
}

.prepend-23 {
  padding-left: 920px;
}

.pull-1 {
  float: left;
  position: relative;
}

.pull-2 {
  float: left;
  position: relative;
}

.pull-3 {
  float: left;
  position: relative;
}

.pull-4 {
  float: left;
  position: relative;
}

.pull-5 {
  float: left;
  position: relative;
}

.pull-6 {
  float: left;
  position: relative;
}

.pull-7 {
  float: left;
  position: relative;
}

.pull-8 {
  float: left;
  position: relative;
}

.pull-9 {
  float: left;
  position: relative;
}

.pull-10 {
  float: left;
  position: relative;
}

.pull-11 {
  float: left;
  position: relative;
}

.pull-12 {
  float: left;
  position: relative;
}

.pull-13 {
  float: left;
  position: relative;
}

.pull-14 {
  float: left;
  position: relative;
}

.pull-15 {
  float: left;
  position: relative;
}

.pull-16 {
  float: left;
  position: relative;
}

.pull-17 {
  float: left;
  position: relative;
}

.pull-18 {
  float: left;
  position: relative;
}

.pull-19 {
  float: left;
  position: relative;
}

.pull-20 {
  float: left;
  position: relative;
}

.pull-21 {
  float: left;
  position: relative;
}

.pull-22 {
  float: left;
  position: relative;
}

.pull-23 {
  float: left;
  position: relative;
}

.pull-24 {
  float: left;
  position: relative;
}

.pull-1 {
  margin-left: -40px;
}

.pull-2 {
  margin-left: -80px;
}

.pull-3 {
  margin-left: -120px;
}

.pull-4 {
  margin-left: -160px;
}

.pull-5 {
  margin-left: -200px;
}

.pull-6 {
  margin-left: -240px;
}

.pull-7 {
  margin-left: -280px;
}

.pull-8 {
  margin-left: -320px;
}

.pull-9 {
  margin-left: -360px;
}

.pull-10 {
  margin-left: -400px;
}

.pull-11 {
  margin-left: -440px;
}

.pull-12 {
  margin-left: -480px;
}

.pull-13 {
  margin-left: -520px;
}

.pull-14 {
  margin-left: -560px;
}

.pull-15 {
  margin-left: -600px;
}

.pull-16 {
  margin-left: -640px;
}

.pull-17 {
  margin-left: -680px;
}

.pull-18 {
  margin-left: -720px;
}

.pull-19 {
  margin-left: -760px;
}

.pull-20 {
  margin-left: -800px;
}

.pull-21 {
  margin-left: -840px;
}

.pull-22 {
  margin-left: -880px;
}

.pull-23 {
  margin-left: -920px;
}

.pull-24 {
  margin-left: -960px;
}

.push-1 {
  float: left;
  position: relative;
}

.push-2 {
  float: left;
  position: relative;
}

.push-3 {
  float: left;
  position: relative;
}

.push-4 {
  float: left;
  position: relative;
}

.push-5 {
  float: left;
  position: relative;
}

.push-6 {
  float: left;
  position: relative;
}

.push-7 {
  float: left;
  position: relative;
}

.push-8 {
  float: left;
  position: relative;
}

.push-9 {
  float: left;
  position: relative;
}

.push-10 {
  float: left;
  position: relative;
}

.push-11 {
  float: left;
  position: relative;
}

.push-12 {
  float: left;
  position: relative;
}

.push-13 {
  float: left;
  position: relative;
}

.push-14 {
  float: left;
  position: relative;
}

.push-15 {
  float: left;
  position: relative;
}

.push-16 {
  float: left;
  position: relative;
}

.push-17 {
  float: left;
  position: relative;
}

.push-18 {
  float: left;
  position: relative;
}

.push-19 {
  float: left;
  position: relative;
}

.push-20 {
  float: left;
  position: relative;
}

.push-21 {
  float: left;
  position: relative;
}

.push-22 {
  float: left;
  position: relative;
}

.push-23 {
  float: left;
  position: relative;
}

.push-24 {
  float: left;
  position: relative;
}

.push-1 {
  margin: 0 -40px 1.5em 40px;
}

.push-2 {
  margin: 0 -80px 1.5em 80px;
}

.push-3 {
  margin: 0 -120px 1.5em 120px;
}

.push-4 {
  margin: 0 -160px 1.5em 160px;
}

.push-5 {
  margin: 0 -200px 1.5em 200px;
}

.push-6 {
  margin: 0 -240px 1.5em 240px;
}

.push-7 {
  margin: 0 -280px 1.5em 280px;
}

.push-8 {
  margin: 0 -320px 1.5em 320px;
}

.push-9 {
  margin: 0 -360px 1.5em 360px;
}

.push-10 {
  margin: 0 -400px 1.5em 400px;
}

.push-11 {
  margin: 0 -440px 1.5em 440px;
}

.push-12 {
  margin: 0 -480px 1.5em 480px;
}

.push-13 {
  margin: 0 -520px 1.5em 520px;
}

.push-14 {
  margin: 0 -560px 1.5em 560px;
}

.push-15 {
  margin: 0 -600px 1.5em 600px;
}

.push-16 {
  margin: 0 -640px 1.5em 640px;
}

.push-17 {
  margin: 0 -680px 1.5em 680px;
}

.push-18 {
  margin: 0 -720px 1.5em 720px;
}

.push-19 {
  margin: 0 -760px 1.5em 760px;
}

.push-20 {
  margin: 0 -800px 1.5em 800px;
}

.push-21 {
  margin: 0 -840px 1.5em 840px;
}

.push-22 {
  margin: 0 -880px 1.5em 880px;
}

.push-23 {
  margin: 0 -920px 1.5em 920px;
}

.push-24 {
  margin: 0 -960px 1.5em 960px;
}

.prepend-top {
  margin-top: 1.5em;
}

.append-bottom {
  margin-bottom: 1.5em;
}

.showgrid {
  background-image: repeating-linear-gradient(90deg, rgba(147, 175, 199, 0.1) 0px, rgba(147, 175, 199, 0.1) 30px, transparent 30px, transparent 40px);
  background-position: 0 0;
  background-repeat: repeat;
  background-size: 40px 100%;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

section, article, aside, header, footer, nav, dialog, figure, menu {
  display: block;
}

nav:focus, section:focus {
  outline: none;
}

.ui-widget {
  font-family: Helvetica Neue for IBM, Arial, Tahoma, Verdana, sans-serif;
  font-size: 12px;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Helvetica Neue for IBM, Arial, Tahoma, Verdana, sans-serif;
}

html {
  overflow: hidden;
}

@media screen {
  body {
    overflow: hidden;
  }
  body > header {
    position: fixed;
    width: 100%;
    height: 48px;
    line-height: 48px;
    border-width: 0 0 1px 0 !important;
  }
  body > section {
    position: absolute;
    top: 49px;
    bottom: 0;
    width: 100%;
    overflow: auto;
  }
  body.error-inconsistency-0-critical-0 {
    overflow: hidden;
  }
  body.error-inconsistency-0-critical-0 > header {
    position: fixed;
    width: 100%;
    height: 48px;
    line-height: 48px;
    border-width: 0 0 1px 0 !important;
  }
  body.error-inconsistency-0-critical-0 > section {
    position: absolute;
    top: 49px;
    bottom: 0;
    width: 100%;
    overflow: auto;
  }
  body.error-inconsistency-0-critical-0 > header {
    line-height: 48px;
  }
  body.error-inconsistency-0-critical-1 {
    overflow: hidden;
  }
  body.error-inconsistency-0-critical-1 > header {
    position: fixed;
    width: 100%;
    height: 101px;
    line-height: 101px;
    border-width: 0 0 1px 0 !important;
  }
  body.error-inconsistency-0-critical-1 > section {
    position: absolute;
    top: 102px;
    bottom: 0;
    width: 100%;
    overflow: auto;
  }
  body.error-inconsistency-0-critical-1 > header {
    line-height: 48px;
  }
  body.error-inconsistency-1-critical-0 {
    overflow: hidden;
  }
  body.error-inconsistency-1-critical-0 > header {
    position: fixed;
    width: 100%;
    height: 86px;
    line-height: 86px;
    border-width: 0 0 1px 0 !important;
  }
  body.error-inconsistency-1-critical-0 > section {
    position: absolute;
    top: 87px;
    bottom: 0;
    width: 100%;
    overflow: auto;
  }
  body.error-inconsistency-1-critical-0 > header {
    line-height: 48px;
  }
  body.error-inconsistency-1-critical-1 {
    overflow: hidden;
  }
  body.error-inconsistency-1-critical-1 > header {
    position: fixed;
    width: 100%;
    height: 140px;
    line-height: 140px;
    border-width: 0 0 1px 0 !important;
  }
  body.error-inconsistency-1-critical-1 > section {
    position: absolute;
    top: 141px;
    bottom: 0;
    width: 100%;
    overflow: auto;
  }
  body.error-inconsistency-1-critical-1 > header {
    line-height: 48px;
  }
  #inconsistency_error {
    line-height: 25px;
  }
  #flash_critical {
    line-height: 20px;
  }
  #container {
    position: fixed;
  }
  #container > header > nav h1, #container > header > nav h2 {
    font-size: 24px;
  }
}
body {
  color: black;
  background: white;
  font-family: Helvetica Neue for IBM, Arial, Tahoma, Verdana, sans-serif;
  font-size: 12px;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
}

a {
  color: inherit;
}
a:visited {
  color: inherit;
}
a:focus {
  color: inherit;
}
a:hover {
  color: inherit;
}
a:active {
  color: inherit;
}
a.external .ui-icon {
  display: none;
}
a.external:hover .ui-icon {
  display: inline-block;
}

code {
  font-family: Arial, Tahoma, Verdana, sans-serif;
  background-color: #EEE;
}

body > header {
  width: 100%;
  position: fixed;
  color: white;
  background: #1d3649;
  background-image: linear-gradient(#1d3649, #1d3649);
  z-index: 1000;
}
body > header a {
  color: black;
  text-decoration: none;
}
body > header a:hover {
  text-decoration: underline;
}
body > header h1 {
  font-size: 150%;
  margin: 0.2em 0 0 0;
  display: inline;
  padding-right: 20px;
}
body > header h2 {
  font-size: 100%;
  margin: 1.2em;
  display: inline;
}
body > header .about {
  font-size: 12px;
}
body > header .import-status input.import-now {
  margin-left: 0.75em;
  padding: 0.1em 0.4em;
}
body > header .left-nav {
  position: absolute;
  left: 20px;
}
body > header .right-nav {
  position: absolute;
  right: 1px;
}
body > header .menu-img {
  vertical-align: middle !important;
  margin-right: 0.5em;
}
body > header .menu-img:hover {
  opacity: 0.7;
}
body > header .menu-img img {
  height: 21px !important;
  position: absolute;
  margin: auto;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
body > header .ui-button-text {
  vertical-align: middle !important;
}
body > header nav {
  height: 35px;
  top: 0;
  white-space: nowrap;
  font-size: 100%;
  line-height: 1.5;
}
body > header nav ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
body > header nav ul .left-menu {
  float: left;
}
body > header nav ul .right-menu {
  float: right;
}
body > header nav ul .wholeline-menu {
  float: left;
  min-width: 35em;
}
* + html body > header nav > ul > li.ui-button {
  display: inline;
}
body > header nav > ul > li {
  background: transparent;
  color: white;
  height: 48px;
  line-height: 48px;
  font-size: 14px;
  margin-right: 0.5em !important;
  cursor: default !important;
  float: left;
  padding-right: 15px;
}
body > header nav > ul > li .ui-icon {
  background-image: url(/smoothness/images/ui-icons_ffffff_256x240-cd0a3748537d762473d678715f64c1b6be299e678b90412e62340691e7d69be3.png);
}
body > header nav > ul > li ul {
  background: white;
  text-align: left;
  line-height: 24px;
  font-size: 12px;
}
body > header nav > ul > li ul td .menu_section, body > header nav > ul > li ul td .menu_subsection {
  margin: 25px 0 15px 0;
  color: #777677;
}
body > header nav > ul > li ul td .menu_section li, body > header nav > ul > li ul td .menu_subsection li {
  margin-left: 10px;
}
body > header nav > ul > li ul td .menu_section header, body > header nav > ul > li ul td .menu_subsection header {
  color: #1d3649;
  margin-left: 0px;
  font-size: 13px;
  font-weight: bold;
}
body > header nav > ul > li ul td .menu_section:first-child {
  margin-top: 16px;
}
body > header nav > ul > li.active {
  color: white;
  background: linear-gradient(to top, #264a60, #264a60);
  background: -webkit-linear-gradient(to top, #264a60, #264a60);
  background: -moz-linear-gradient(to top, #264a60, #264a60);
  background: -o-linear-gradient(to top, #264a60, #264a60);
  background: -ms-linear-gradient(to top, #264a60, #264a60);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#264a60', endColorstr='#264a60');
}
body > header nav > ul > li.active .ui-icon {
  background-image: url(/smoothness/images/ui-icons_222222_256x240-609fc07293a0a8c0fb203d731506e85433e6bbec2086dfb8b513bc210d48c394.png);
}
body > header nav > ul > li.active a {
  color: black;
  text-decoration: none;
}
body > header nav > ul > li.active a:hover {
  background: #84c7e0;
}
body > header nav > ul > li.active ul {
  color: black;
  background: white;
}
body > header nav > ul > li.drop-down a:hover, body > header nav > ul > li.drop-down a:visited {
  color: #121212;
}
body > header nav > ul > li.drop-down:hover {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
body > header nav > ul > li.drop-down:hover > ul {
  display: block;
}
body > header nav > ul > li.drop-down > ul {
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.2);
  box-shadow: rgba(0, 0, 0, 0.4) 0 1px 3px 0;
  top: 100%;
  right: auto;
  padding: 0 16px 16px 16px;
  display: none;
  position: absolute;
  background: #ffffff;
  z-index: 9999;
}
body > header nav > ul > li.drop-down > ul.help, body > header nav > ul > li.drop-down > ul.myaccount {
  padding-top: 16px;
}
body > header nav #management-menu:hover, body > header nav #management-menu:focus {
  background: linear-gradient(to top, #264a60, #264a60);
  background: -webkit-linear-gradient(to top, #264a60, #264a60);
  background: -moz-linear-gradient(to top, #264a60, #264a60);
  background: -o-linear-gradient(to top, #264a60, #264a60);
  background: -ms-linear-gradient(to top, #264a60, #264a60);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#264a60', endColorstr='#264a60');
}
body > header nav #management-menu .management {
  background: white;
  color: #1e394d;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}
body > header nav #management-menu .management table td {
  vertical-align: top;
  padding-right: 5em;
}
body > header nav #myaccount-menu:hover, body > header nav #myaccount-menu:focus {
  background: linear-gradient(to top, #5aaafa, #5aaafa);
  background: -webkit-linear-gradient(to top, #5aaafa, #5aaafa);
  background: -moz-linear-gradient(to top, #5aaafa, #5aaafa);
  background: -o-linear-gradient(to top, #5aaafa, #5aaafa);
  background: -ms-linear-gradient(to top, #5aaafa, #5aaafa);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='$brand-primary-light', endColorstr='$brand-primary-light');
}
body > header nav #myaccount-menu .myaccount {
  min-width: 6em;
  background: white;
  color: black;
  color: #1e394d;
  right: 0px;
}
body > header nav #myaccount-menu .myaccount #user_unique_id_text {
  text-align: center !important;
  color: #121212;
  font-size: 130%;
  font-weight: bold;
  border-bottom-style: solid;
  border-color: #777677;
  border-width: 2px;
  padding: inherit;
  margin-bottom: 10px;
}
body > header nav #myaccount-menu .user-name-text {
  vertical-align: top !important;
}
body > header nav #make_default_page {
  margin-bottom: 16px;
}
body > header nav #todo-menu:hover, body > header nav #todo-menu:focus {
  background: linear-gradient(to top, #5aaafa, #5aaafa);
  background: -webkit-linear-gradient(to top, #5aaafa, #5aaafa);
  background: -moz-linear-gradient(to top, #5aaafa, #5aaafa);
  background: -o-linear-gradient(to top, #5aaafa, #5aaafa);
  background: -ms-linear-gradient(to top, #5aaafa, #5aaafa);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='$brand-primary-light', endColorstr='$brand-primary-light');
}
body > header nav #todo-menu .todo-list {
  right: 0px;
  color: black;
  padding: 0px;
}
body > header nav #help-menu:hover, body > header nav #help-menu:focus {
  background: linear-gradient(to top, #5aaafa, #5aaafa);
  background: -webkit-linear-gradient(to top, #5aaafa, #5aaafa);
  background: -moz-linear-gradient(to top, #5aaafa, #5aaafa);
  background: -o-linear-gradient(to top, #5aaafa, #5aaafa);
  background: -ms-linear-gradient(to top, #5aaafa, #5aaafa);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='$brand-primary-light', endColorstr='$brand-primary-light');
}
body > header nav #help-menu .help {
  background: white;
  color: #1e394d;
  right: 0px;
}
body > header nav #help-menu .help header {
  margin-top: 20px;
  color: #1d3649;
  font-size: 13px;
  font-weight: bold;
}
body > header nav #help-menu .help li {
  margin-left: 10px;
}
body > header nav #help-menu .help .about {
  margin: 0 0 0 0;
}
body > header nav #send-feedback:hover, body > header nav #send-feedback:focus {
  background: linear-gradient(to top, #5aaafa, #5aaafa);
  background: -webkit-linear-gradient(to top, #5aaafa, #5aaafa);
  background: -moz-linear-gradient(to top, #5aaafa, #5aaafa);
  background: -o-linear-gradient(to top, #5aaafa, #5aaafa);
  background: -ms-linear-gradient(to top, #5aaafa, #5aaafa);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='$brand-primary-light', endColorstr='$brand-primary-light');
}
body > header nav #send-feedback a {
  outline: none;
}
body > header nav #report-menu:hover, body > header nav #report-menu:focus {
  background: linear-gradient(to top, #264a60, #264a60);
  background: -webkit-linear-gradient(to top, #264a60, #264a60);
  background: -moz-linear-gradient(to top, #264a60, #264a60);
  background: -o-linear-gradient(to top, #264a60, #264a60);
  background: -ms-linear-gradient(to top, #264a60, #264a60);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#264a60', endColorstr='#264a60');
}
body > header nav #report-menu .reports {
  background: white;
  color: #1e394d;
}
body > header nav #report-menu .reports table td {
  vertical-align: top;
  padding-right: 8em;
}
body > header nav #report-menu .reports li.rollup {
  padding: 0 0 0 20px;
}
body > header nav #report-home {
  margin-right: 40px !important;
  padding-right: 0px;
}
body > header nav #report-home a {
  color: white;
  text-decoration: none;
  margin: 0px 0 15px 0;
}
body > header nav #report-home a:hover {
  background: transparent;
}
body > header nav #report-home h1 {
  padding-right: 0px;
  font-size: 14px;
}
body > header nav #report-menu > span.ui-button-text, body > header nav #management-menu > span.ui-button-text {
  padding-top: 0;
  padding-bottom: 0;
  line-height: 48px;
  font-weight: bold;
}
body > header nav #ibm-icon a {
  color: white;
  text-decoration: none;
  margin: 0px 0 0px 0;
}
body > header nav #ibm-icon a:hover {
  background: transparent;
}
body > header nav #ibm-icon span.ui-button-text {
  padding: 0.4em 0.4em 0.4em 0.4em;
}

.home-name-text {
  vertical-align: top !important;
}

.nav-highlight {
  background-color: #5aaafa;
  height: 4px;
  width: 32px;
  position: fixed;
  top: 0px;
}

form.session ul, form.session ol, form.session legend, form.session p, form.user ul, form.user ol, form.user legend, form.user p {
  margin: 0;
  padding: 0;
}
form.session fieldset:after, form.user fieldset:after {
  content: "";
  display: table;
  clear: both;
}
form.session ol, form.session ul, form.user ol, form.user ul {
  list-style: none;
}
form.session input, form.session textarea, form.session select, form.user input, form.user textarea, form.user select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
form.session label:after, form.user label:after {
  content: "";
  display: table;
  clear: both;
}
form.session input, form.session textarea, form.user input, form.user textarea {
  vertical-align: middle;
}
form.session .hidden, form.user .hidden {
  display: none;
}
form.session .date fieldset ol li, form.session .time fieldset ol li, form.session .datetime fieldset ol li, form.user .date fieldset ol li, form.user .time fieldset ol li, form.user .datetime fieldset ol li {
  float: left;
  width: auto;
  clear: none;
}
form.session .date fieldset ol label, form.session .time fieldset ol label, form.session .datetime fieldset ol label, form.user .date fieldset ol label, form.user .time fieldset ol label, form.user .datetime fieldset ol label {
  width: auto;
}
form.session .date fieldset ol input, form.session .time fieldset ol input, form.session .datetime fieldset ol input, form.user .date fieldset ol input, form.user .time fieldset ol input, form.user .datetime fieldset ol input {
  display: inline;
  margin: 0;
  padding: 0;
}
form.session .errors, form.user .errors {
  list-style: square;
}
form.session .errors li, form.user .errors li {
  padding: 0;
  border: none;
  display: list-item;
  float: none;
  clear: both;
}
form.session .actions li, form.user .actions li {
  float: left;
}
form.session li:after, form.user li:after {
  content: "";
  display: table;
  clear: both;
}
form.session li, form.user li {
  margin: 0 0 0.5em 0;
}
form.session li fieldset, form.user li fieldset {
  border: none;
  position: relative;
  margin-top: 0;
}
form.session li legend, form.user li legend {
  display: block;
  clear: both;
}
form.session li ol, form.user li ol {
  float: left;
  margin: 0;
}
form.session li ol li, form.user li ol li {
  margin: 0;
  padding: 0;
  border: 0;
}
form.session label, form.user label {
  display: block;
}

input.date {
  width: 7em !important;
}
input.time {
  width: 6em !important;
}

.disabled-text {
  color: #9C9C9C;
}

#error_dialog {
  display: none;
}

#warning_dialog {
  display: none;
}

#about-dialog div {
  clear: both;
}
#about-dialog div.head div {
  clear: none;
  float: left;
}
#about-dialog div.head div h2 {
  margin-left: 12px;
  margin-bottom: 0;
}
#about-dialog div.head div p {
  margin-left: 12px;
  margin-bottom: 6px;
}
#about-dialog h4 {
  margin-bottom: 0;
  font-weight: bold;
}
#about-dialog li {
  list-style-type: none;
}
#about-dialog div.hline {
  border-top-width: 1px;
  border-style: solid;
  border-color: #AAAAAA;
  padding-top: 6px;
}
#about-dialog div.licenses {
  margin: 6px 0 12px 0;
  padding: 3px;
  border: 1px;
  border-style: solid;
  height: 100px;
  overflow-y: auto;
}
#about-dialog div.column, #about-dialog div.span-1, #about-dialog div.span-2, #about-dialog div.span-3, #about-dialog div.span-4, #about-dialog div.span-5, #about-dialog div.span-6, #about-dialog div.span-7, #about-dialog div.span-8, #about-dialog div.span-9, #about-dialog div.span-10, #about-dialog div.span-11, #about-dialog div.span-12, #about-dialog div.span-13, #about-dialog div.span-14, #about-dialog div.span-15, #about-dialog div.span-16, #about-dialog div.span-17, #about-dialog div.span-18, #about-dialog div.span-19, #about-dialog div.span-20, #about-dialog div.span-21, #about-dialog div.span-22, #about-dialog div.span-23, #about-dialog div.span-24 {
  margin: 0;
  width: 238px;
  clear: none;
  float: left;
}

table.bigfix-filter-component-table {
  width: auto;
  clear: both;
  white-space: nowrap;
}
table.bigfix-filter-component-table .bigfix-filter-component-row.error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(/smoothness/images/ui-bg_glass_95_fef1ec_1x400-661677336ff3974361d17e905bc405ce67e315aa841866785cfc6cabd7eec80a.png) 50% 50% repeat-x;
  color: #cd0a0a;
}
table.bigfix-filter-component-table .bigfix-filter-component-row.error a {
  color: #cd0a0a;
}
table.bigfix-filter-component-table .bigfix-filter-component-row.error .ui-icon {
  background-image: url(/smoothness/images/ui-icons_cd0a0a_256x240-a4bf867768b744ba260c8bdd62966303e5af8f9017594c012378dae9add105b6.png);
}
table.bigfix-filter-component-table .bigfix-filter-component-row.error label {
  border-width: 0px !important;
}
table.bigfix-filter-component-table .bigfix-filter-component-row.error label.error {
  background: transparent;
  border: 0px;
  padding: 0px !important;
}
table.bigfix-filter-component-table .bigfix-filter-component-row.error .bigfix-filter-component-action-container button {
  border: 1px solid #4178be;
  background: #4178be;
  font-weight: normal;
  font-size: 14px;
  color: #212121;
}
table.bigfix-filter-component-table .bigfix-filter-component-row.error .bigfix-filter-component-action-container button a, table.bigfix-filter-component-table .bigfix-filter-component-row.error .bigfix-filter-component-action-container button a:link, table.bigfix-filter-component-table .bigfix-filter-component-row.error .bigfix-filter-component-action-container button a:visited {
  color: #ffffff;
  text-decoration: none;
  outline: none;
}
table.bigfix-filter-component-table .bigfix-filter-component-row.error .bigfix-filter-component-action-container button .ui-icon {
  background-image: url(/smoothness/images/ui-icons_888888_256x240-6abd8f62b3757b0051ba3de00d41b8c5790bf86e65fd177f7074dfda162b079f.png);
}
table.bigfix-filter-component-table .bigfix-filter-component-row.error td.btop {
  border-top: 1px solid #cd0a0a;
}
table.bigfix-filter-component-table .bigfix-filter-component-row.error td.bleft {
  border-left: 1px solid #cd0a0a;
}
table.bigfix-filter-component-table .bigfix-filter-component-row.error td.bright {
  border-right: 1px solid #cd0a0a;
}
table.bigfix-filter-component-table .bigfix-filter-component-row.error td.bbottom {
  border-bottom: 1px solid #cd0a0a;
}
table.bigfix-filter-component-table td {
  padding: 2px;
  margin: 0px;
  vertical-align: top !important;
}
table.bigfix-filter-component-table .bigfix-filter-component-input-container {
  white-space: nowrap;
}
table.bigfix-filter-component-table .bigfix-filter-component-filterable-select,
table.bigfix-filter-component-table .bigfix-filter-component-operator-select,
table.bigfix-filter-component-table .bigfix-filter-component-input-boolean,
table.bigfix-filter-component-table .bigfix-filter-component-agoahead-unit,
table.bigfix-filter-component-table .bigfix-filter-component-relativedate-unit {
  height: 32px;
}
table.bigfix-filter-component-table .bigfix-filter-component-input-text, table.bigfix-filter-component-table .bigfix-filter-component-input-uuid, table.bigfix-filter-component-table .bigfix-filter-component-input-autocomplete, table.bigfix-filter-component-table .bigfix-filter-component-input-blob {
  padding-left: 0px !important;
  padding-right: 0px !important;
  height: 26px;
}
table.bigfix-filter-component-table .bigfix-filter-component-input-integer, table.bigfix-filter-component-table .bigfix-filter-component-input-float {
  width: 5em;
  height: 26px;
}
table.bigfix-filter-component-table .bigfix-filter-component-input-relativedate-regex, table.bigfix-filter-component-table .bigfix-filter-component-input-agoahead-regex {
  display: none;
}
table.bigfix-filter-component-table .bigfix-filter-component-input-relativedate, table.bigfix-filter-component-table .bigfix-filter-component-input-agoahead {
  width: 4em;
  margin-right: 1px;
  height: 26px;
}
table.bigfix-filter-component-table .datepicker, table.bigfix-filter-component-table .date, table.bigfix-filter-component-table .time {
  height: 26px;
}
table.bigfix-filter-component-table .select2-container .select2-selection--multiple {
  min-height: 28px;
}
table.bigfix-filter-component-table .select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid #aaa 1px !important;
}

div.time-zoom {
  padding: 10px;
}
div.time-zoom div.datePickers {
  padding: 5px;
  text-align: right;
}
div.time-zoom div.datePickers input.hasDatepicker {
  width: 5em;
}

.ui-autocomplete {
  max-height: 120px;
  overflow-y: auto;
}
.ui-autocomplete .ui-menu-item .ui-menu-item-descriptor {
  display: block;
  font-size: 80%;
  color: #666;
  white-space: nowrap;
}

.autocomplete-reportable-selected-container {
  white-space: normal;
  width: 100%;
}
.autocomplete-reportable-selected-container > div {
  position: relative;
  display: inline-block;
  margin-right: 3px;
  margin-bottom: 3px;
  padding-right: 2em;
  padding-left: 0.2em;
  padding-bottom: 0.2em;
  height: auto;
  *display: inline;
  zoom: 1;
}
.autocomplete-reportable-selected-container > div * {
  vertical-align: middle;
}
.autocomplete-reportable-selected-container > div button {
  position: absolute;
  right: 0.25em;
  height: 1.5em;
  width: 1.5em;
  margin-left: 0.5em;
}
.autocomplete-reportable-selected-container > div span.ui-item-descriptor {
  display: block;
  font-size: 80%;
  color: #666;
  white-space: nowrap;
}

.slick-header-column {
  font-weight: bold;
}

.ui-widget-content .slick-cell a {
  text-decoration: none;
  color: #000099;
}
.ui-widget-content .slick-cell a:hover {
  color: #053866;
  text-decoration: underline;
}
.ui-widget-content .slick-cell a:visited {
  color: #745285;
}

.slick-cell.integer, .slick-cell.float {
  text-align: right;
  padding-right: 4px;
}

.slick-header-columns.ui-sortable .ui-state-default {
  height: 40px;
  line-height: 30px;
  background: #f4f7fb;
}

.slick-header div[id$=hwm_history],
.slick-header div[id$=chart_data] {
  line-height: 15px !important;
}

.slick-header-columns.ui-sortable .ui-state-hover,
.slick-header-columns.ui-sortable .ui-state-focus {
  background: #ddeafb;
}

.grid_widget .slick-row .slick-cell.left {
  text-align: left;
}
.grid_widget .slick-row .slick-cell.right {
  text-align: right;
}

.no-data, .none-applicable, .not-set, .not-applicable {
  text-align: center;
  color: #707070;
}

.slick-sort-indicator-asc {
  background: url(/images/sort-asc.png);
}

.slick-sort-indicator-desc {
  background: url(/images/sort-desc.png);
}

.slick-row.odd {
  background: #F5F5F5;
}

.slick-cell.selected {
  background: #AACADA;
}

.grid-loading-indicator, .graph-loading-indicator {
  border: 2px solid silver;
  background-color: white;
  padding: 5px;
  opacity: 1;
  z-index: 9999;
  border-radius: 0px;
}

#ajax_indicator {
  display: none;
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: white;
  opacity: 0.5;
  z-index: 9999;
  text-align: center;
}
#ajax_indicator img {
  margin-top: -50px;
  margin-left: -50px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
}

.ui-datepicker {
  z-index: 9999;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
}

.ui-selectmenu-menu {
  z-index: 9999;
}

.ui-selectmenu-item-descriptor {
  display: block;
  font-size: 80%;
  color: #666;
  white-space: nowrap;
}

.notice {
  border: 1px solid #fcefa1;
  background: #fbf9ee url(/smoothness/images/ui-bg_glass_55_fbf9ee_1x400-589a5f7e474f803094836774da613a067c28f2f1e4450850ec2b4e36361274cf.png) 50% 50% repeat-x;
  color: #363636;
}
.notice a {
  color: #363636;
}
.notice .ui-icon {
  background-image: url(/smoothness/images/ui-icons_2e83ff_256x240-11d5d6ce3de615a123d50d0c2f75e24a3fa5526fd96a37107a1ce2887a0902ed.png);
}
.notice {
  border-radius: 0px;
  padding: 0.5em;
}

.error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(/smoothness/images/ui-bg_glass_95_fef1ec_1x400-661677336ff3974361d17e905bc405ce67e315aa841866785cfc6cabd7eec80a.png) 50% 50% repeat-x;
  color: #cd0a0a;
}
.error a {
  color: #cd0a0a;
}
.error .ui-icon {
  background-image: url(/smoothness/images/ui-icons_cd0a0a_256x240-a4bf867768b744ba260c8bdd62966303e5af8f9017594c012378dae9add105b6.png);
}
.error {
  border-radius: 0px;
  padding: 0.5em;
}

.warning {
  border: 1px solid #ff9900;
  background: #fff9e6 url(/smoothness/images/ui-bg_glass_95_fef1ec_1x400-661677336ff3974361d17e905bc405ce67e315aa841866785cfc6cabd7eec80a.png) 50% 50% repeat-x;
  color: #ff9900;
}
.warning a {
  color: #ff9900;
}
.warning .ui-icon {
  background-image: url(/smoothness/images/ui-icons_cd0a0a_256x240-a4bf867768b744ba260c8bdd62966303e5af8f9017594c012378dae9add105b6.png);
}
.warning {
  border-radius: 0px;
  padding: 0.5em;
}

.flash {
  border-radius: 0px;
  padding: 0.5em;
}

.noticenoborder {
  border: 1px solid #fcefa1;
  background: #fbf9ee url(/smoothness/images/ui-bg_glass_55_fbf9ee_1x400-589a5f7e474f803094836774da613a067c28f2f1e4450850ec2b4e36361274cf.png) 50% 50% repeat-x;
  color: #363636;
}
.noticenoborder a {
  color: #363636;
}
.noticenoborder .ui-icon {
  background-image: url(/smoothness/images/ui-icons_2e83ff_256x240-11d5d6ce3de615a123d50d0c2f75e24a3fa5526fd96a37107a1ce2887a0902ed.png);
}
.noticenoborder {
  border-radius: 0px;
  padding: 0.5em;
  border: none;
  font-weight: normal;
  margin-left: 5px;
}

input[type=text], input[type=password], input[type=email], select, textarea {
  border-radius: 0px;
  border: 1px solid #aaa;
  padding: 2px;
}

.import_finalizing #container {
  padding: 2em;
}
.import_finalizing #container header {
  font-size: 120%;
  font-weight: bold;
}

.tipsy {
  pointer-events: none;
}

#jstree-dragged {
  z-index: 9999;
}

form.formtastic.floated ul, form.formtastic.floated ol, form.formtastic.floated legend, form.formtastic.floated p {
  margin: 0;
  padding: 0;
}
form.formtastic.floated fieldset:after {
  content: "";
  display: table;
  clear: both;
}
form.formtastic.floated ol, form.formtastic.floated ul {
  list-style: none;
}
form.formtastic.floated input, form.formtastic.floated textarea, form.formtastic.floated select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
form.formtastic.floated label:after {
  content: "";
  display: table;
  clear: both;
}
form.formtastic.floated input, form.formtastic.floated textarea {
  vertical-align: middle;
}
form.formtastic.floated .hidden {
  display: none;
}
form.formtastic.floated .date fieldset ol li, form.formtastic.floated .time fieldset ol li, form.formtastic.floated .datetime fieldset ol li {
  float: left;
  width: auto;
  clear: none;
}
form.formtastic.floated .date fieldset ol label, form.formtastic.floated .time fieldset ol label, form.formtastic.floated .datetime fieldset ol label {
  width: auto;
}
form.formtastic.floated .date fieldset ol input, form.formtastic.floated .time fieldset ol input, form.formtastic.floated .datetime fieldset ol input {
  display: inline;
  margin: 0;
  padding: 0;
}
form.formtastic.floated .errors {
  list-style: square;
}
form.formtastic.floated .errors li {
  padding: 0;
  border: none;
  display: list-item;
  float: none;
  clear: both;
}
form.formtastic.floated .actions li {
  float: left;
}
form.formtastic.floated li:after {
  content: "";
  display: table;
  clear: both;
}
form.formtastic.floated li {
  margin: 0 0 0.5em 0;
}
form.formtastic.floated li fieldset {
  border: none;
  position: relative;
  margin-top: 0;
}
form.formtastic.floated li legend {
  display: block;
  clear: both;
}
form.formtastic.floated li ol {
  float: left;
  margin: 0;
}
form.formtastic.floated li ol li {
  margin: 0;
  padding: 0;
  border: 0;
}
form.formtastic.floated label {
  float: left;
  width: 25%;
  padding-top: 0.2em;
}
form.formtastic.floated li fieldset legend {
  width: 25%;
}
form.formtastic.floated li fieldset legend span, form.formtastic.floated li fieldset legend.label label {
  position: absolute;
}
form.formtastic.floated li fieldset ol {
  width: 74%;
  padding: 0 0 0 25%;
}
form.formtastic.floated li fieldset label, form.formtastic.floated li fieldset input {
  width: auto;
}
form.formtastic.floated .boolean label {
  padding-left: 25%;
  padding-right: 1em;
  width: auto;
}
form.formtastic.floated .radio fieldset ol li label, form.formtastic.floated .check_boxes fieldset ol li label {
  float: none;
  width: 100%;
}
form.formtastic.floated .inline-hints, form.formtastic.floated .inline-errors, form.formtastic.floated .errors {
  margin: 0 0 0 25%;
}
form.formtastic.floated .string input, form.formtastic.floated .password input, form.formtastic.floated .numeric input, form.formtastic.floated .url input, form.formtastic.floated .email input, form.formtastic.floated .text textarea {
  width: 74%;
}
form.formtastic.floated .actions {
  padding-left: 25%;
}
form.formtastic.floated .actions input {
  width: auto;
}
form.formtastic.floated .inline-warnings {
  margin: 0 0 0 25%;
}
form.formtastic.floated div.autocomplete-wrapper {
  width: 74%;
  display: inline-block;
}
form.formtastic.floated .ui-selectmenu {
  max-width: 74%;
}
form.formtastic.stacked ul, form.formtastic.stacked ol, form.formtastic.stacked legend, form.formtastic.stacked p {
  margin: 0;
  padding: 0;
}
form.formtastic.stacked fieldset:after {
  content: "";
  display: table;
  clear: both;
}
form.formtastic.stacked ol, form.formtastic.stacked ul {
  list-style: none;
}
form.formtastic.stacked input, form.formtastic.stacked textarea, form.formtastic.stacked select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
form.formtastic.stacked label:after {
  content: "";
  display: table;
  clear: both;
}
form.formtastic.stacked input, form.formtastic.stacked textarea {
  vertical-align: middle;
}
form.formtastic.stacked .hidden {
  display: none;
}
form.formtastic.stacked .date fieldset ol li, form.formtastic.stacked .time fieldset ol li, form.formtastic.stacked .datetime fieldset ol li {
  float: left;
  width: auto;
  clear: none;
}
form.formtastic.stacked .date fieldset ol label, form.formtastic.stacked .time fieldset ol label, form.formtastic.stacked .datetime fieldset ol label {
  width: auto;
}
form.formtastic.stacked .date fieldset ol input, form.formtastic.stacked .time fieldset ol input, form.formtastic.stacked .datetime fieldset ol input {
  display: inline;
  margin: 0;
  padding: 0;
}
form.formtastic.stacked .errors {
  list-style: square;
}
form.formtastic.stacked .errors li {
  padding: 0;
  border: none;
  display: list-item;
  float: none;
  clear: both;
}
form.formtastic.stacked .actions li {
  float: left;
}
form.formtastic.stacked li:after {
  content: "";
  display: table;
  clear: both;
}
form.formtastic.stacked li {
  margin: 0 0 0.5em 0;
}
form.formtastic.stacked li fieldset {
  border: none;
  position: relative;
  margin-top: 0;
}
form.formtastic.stacked li legend {
  display: block;
  clear: both;
}
form.formtastic.stacked li ol {
  float: left;
  margin: 0;
}
form.formtastic.stacked li ol li {
  margin: 0;
  padding: 0;
  border: 0;
}
form.formtastic.stacked label {
  display: block;
}
form.formtastic > fieldset > legend {
  font-size: 15px;
  display: table;
  white-space: normal;
}
form.formtastic.database_config > fieldset > ol > li {
  margin-left: 2em;
}
form.formtastic.database_config > fieldset > ol > fieldset > ol > li {
  margin-left: 2em;
  margin-top: 0.5em;
}
form.formtastic.database_config fieldset ol {
  width: 100%;
}
form.formtastic.database_config fieldset legend {
  font-size: 15px;
  display: table;
  white-space: normal;
}
form.formtastic.database_config > #db2_form > ol > li > fieldset > ol > li {
  margin-top: 0.3em;
}
form.formtastic.database_config > #mssql_form > ol > li > fieldset > ol > li {
  margin-top: 0.3em;
}
form.formtastic textarea {
  height: 3em;
  resize: vertical;
}
form.formtastic .errors {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(/smoothness/images/ui-bg_glass_95_fef1ec_1x400-661677336ff3974361d17e905bc405ce67e315aa841866785cfc6cabd7eec80a.png) 50% 50% repeat-x;
  color: #cd0a0a;
}
form.formtastic .errors a {
  color: #cd0a0a;
}
form.formtastic .errors .ui-icon {
  background-image: url(/smoothness/images/ui-icons_cd0a0a_256x240-a4bf867768b744ba260c8bdd62966303e5af8f9017594c012378dae9add105b6.png);
}
form.formtastic .errors {
  border-radius: 0px;
}
form.formtastic .errors li {
  margin: 0.5em;
}
form.formtastic.datasource .datasource_common > ol {
  margin-left: 1em;
  margin-bottom: 2em;
}
form.formtastic.datasource .inputs {
  float: left;
}
form.formtastic.datasource .inputs > ol {
  margin-left: 1em;
}
form.formtastic.datasource .actions {
  clear: both;
}
form.formtastic.datasource > fieldset > ol fieldset > legend {
  font-size: 15px;
  display: table;
  white-space: normal;
}
form.formtastic.datasource .three_col {
  width: 32%;
}
form.formtastic.datasource .two_col {
  width: 50%;
}
form.formtastic.datasource .one_col {
  width: 100%;
}

.ui-dialog {
  z-index: 1001;
  border-top: 4px solid rgb(61, 112, 178);
}
.ui-dialog form.formtastic label {
  float: left;
  width: 40%;
  padding-top: 0.2em;
}
.ui-dialog form.formtastic li fieldset legend {
  width: 40%;
}
.ui-dialog form.formtastic li fieldset legend span, .ui-dialog form.formtastic li fieldset legend.label label {
  position: absolute;
}
.ui-dialog form.formtastic li fieldset ol {
  width: 58%;
  padding: 0 0 0 40%;
}
.ui-dialog form.formtastic li fieldset label, .ui-dialog form.formtastic li fieldset input {
  width: auto;
}
.ui-dialog form.formtastic .boolean label {
  padding-left: 40%;
  width: auto;
}
.ui-dialog form.formtastic .radio fieldset ol li label, .ui-dialog form.formtastic .check_boxes fieldset ol li label {
  float: none;
  width: 100%;
}
.ui-dialog form.formtastic .inline-hints, .ui-dialog form.formtastic .inline-errors, .ui-dialog form.formtastic .errors {
  margin: 0 0 0 40%;
}
.ui-dialog form.formtastic .inline-errors-br {
  margin-bottom: 5px;
}
.ui-dialog form.formtastic .string input, .ui-dialog form.formtastic .password input, .ui-dialog form.formtastic .numeric input, .ui-dialog form.formtastic .url input, .ui-dialog form.formtastic .email input, .ui-dialog form.formtastic .text textarea {
  width: 58%;
}
.ui-dialog form.formtastic .actions {
  padding-left: 40%;
}
.ui-dialog form.formtastic .actions input {
  width: auto;
}

.placeholder {
  color: #aaa;
}

body.setup p.welcome {
  margin: 3em auto 1em auto;
  font-size: 200%;
}
body.setup p.welcome strong {
  font-weight: bold;
}
body.setup form.formtastic ul, body.setup form.formtastic ol, body.setup form.formtastic legend, body.setup form.formtastic p {
  margin: 0;
  padding: 0;
}
body.setup form.formtastic fieldset:after {
  content: "";
  display: table;
  clear: both;
}
body.setup form.formtastic ol, body.setup form.formtastic ul {
  list-style: none;
}
body.setup form.formtastic input, body.setup form.formtastic textarea, body.setup form.formtastic select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
body.setup form.formtastic label:after {
  content: "";
  display: table;
  clear: both;
}
body.setup form.formtastic input, body.setup form.formtastic textarea {
  vertical-align: middle;
}
body.setup form.formtastic .hidden {
  display: none;
}
body.setup form.formtastic .date fieldset ol li, body.setup form.formtastic .time fieldset ol li, body.setup form.formtastic .datetime fieldset ol li {
  float: left;
  width: auto;
  clear: none;
}
body.setup form.formtastic .date fieldset ol label, body.setup form.formtastic .time fieldset ol label, body.setup form.formtastic .datetime fieldset ol label {
  width: auto;
}
body.setup form.formtastic .date fieldset ol input, body.setup form.formtastic .time fieldset ol input, body.setup form.formtastic .datetime fieldset ol input {
  display: inline;
  margin: 0;
  padding: 0;
}
body.setup form.formtastic .errors {
  list-style: square;
}
body.setup form.formtastic .errors li {
  padding: 0;
  border: none;
  display: list-item;
  float: none;
  clear: both;
}
body.setup form.formtastic .actions li {
  float: left;
}
body.setup form.formtastic li:after {
  content: "";
  display: table;
  clear: both;
}
body.setup form.formtastic li {
  margin: 0 0 0.5em 0;
}
body.setup form.formtastic li fieldset {
  border: none;
  position: relative;
  margin-top: 0;
}
body.setup form.formtastic li legend {
  display: block;
  clear: both;
}
body.setup form.formtastic li ol {
  float: left;
  margin: 0;
}
body.setup form.formtastic li ol li {
  margin: 0;
  padding: 0;
  border: 0;
}
body.setup form.formtastic label {
  display: block;
}
body.setup form.formtastic {
  margin-left: auto;
  margin-right: auto;
  width: 400px;
}
body.setup form.formtastic fieldset.authentication {
  margin-top: 0.5em;
}
body.setup form.formtastic fieldset.authentication .stringish {
  margin-left: 0.5em;
  margin-right: 5em;
}
body.setup form.formtastic fieldset > ol > li > label {
  padding-top: 0.2em;
}
body.setup form.formtastic fieldset > ol > li > input {
  margin-right: 2em;
}
body.setup form.formtastic fieldset > ol > li > p {
  padding: 0 0.5em 0.2em;
}
body.setup form.formtastic .errors li {
  margin: 0.5em;
}
body.setup form.formtastic.datasource_two_col {
  width: 600px;
}
body.setup form.formtastic.database_config {
  width: 450px;
}
body.setup form.formtastic.database_config #database_config_submit_action {
  float: none;
  margin-left: 3em !important;
  margin-right: auto !important;
}
body.setup form.formtastic.database #update_schema_button {
  float: none;
  font-size: 150%;
  color: white;
  margin-top: 20px;
  height: 40px;
}
body.setup form.formtastic.import {
  text-align: center;
}
body.setup form.formtastic.import #import_submit {
  font-size: 150%;
  color: white;
  background: #5988b5;
}
body.setup .import.details {
  margin: 2em;
}

pre {
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
  font-family: Arial, Tahoma, Verdana, sans-serif;
  font-size: 75%;
}

#editor h3 {
  font-size: 125%;
  margin-bottom: 0.5em;
}
#editor {
  padding: 1em;
  overflow-y: auto;
}

#model_form {
  max-width: 800px;
}

.account #editor {
  max-width: 700px;
  margin: auto;
}

#user_api_token {
  padding: 3px;
  display: inline-block;
}

.regen_api_token {
  margin-left: 2em;
}

.revoke_api_token {
  margin-left: 2em;
}

.help section > div {
  margin: 2em;
  font-size: 1.1em;
}
.help section > div pre, .help section > div code {
  font-size: 90%;
  background-color: #EEE;
}
.help section > div h2 code, .help section > div h3 code, .help section > div h4 code, .help section > div h5 code {
  background-color: white;
}
.help section > div h2 {
  font-size: 1.75em;
  margin-top: 1em;
  margin-bottom: 0.5em;
  border-bottom: 1px solid grey;
}
.help section > div h3 {
  font-size: 1.5em;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.help section > div h4 {
  font-size: 1.33em;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.help section > div h5 {
  font-size: 1.25em;
  margin-top: 1em;
  margin-bottom: 0.5em;
}
.help section > div p {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}
.help section > div blockquote {
  margin-left: 2em;
  padding-left: 0.5em;
  border-left: 1px dotted grey;
}
.help section > div dl {
  margin-left: 1em;
}
.help section > div dt {
  font-size: 100%;
}
.help section > div dd {
  margin-left: 0.5em;
}
.help section > div .bookmarklet {
  border-radius: 0px;
  color: inherit;
  text-decoration: none;
}
.help section > div .bookmarklet:hover, .help section > div .bookmarklet:active, .help section > div .bookmarklet:focus {
  color: inherit;
  text-decoration: none;
}
.help section > div .bookmarklet {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 6em;
  text-align: center;
  padding: 0.3em;
  background: #ddd;
  border: solid 1px #ccc;
  cursor: pointer;
}

#generic-error {
  width: 600px;
  margin: 4em auto 0 auto;
  text-align: center;
}
#generic-error h1 {
  color: red;
  font-size: 175%;
}
#generic-error p {
  font-size: 125%;
}
#generic-error fieldset {
  margin: 2em auto auto auto;
  width: 400px;
}
#generic-error fieldset legend {
  text-align: left;
}
#generic-error fieldset textarea {
  height: 200px;
  width: 100%;
}

abbr.timeago {
  text-decoration: none;
}

label abbr {
  text-decoration: none;
}

.right_title_button span.ui-button-text {
  border: 1px solid #4178be;
  background: #4178be;
  font-weight: normal;
  font-size: 14px;
  color: #212121;
}
.right_title_button span.ui-button-text a, .right_title_button span.ui-button-text a:link, .right_title_button span.ui-button-text a:visited {
  color: #ffffff;
  text-decoration: none;
  outline: none;
}
.right_title_button span.ui-button-text .ui-icon {
  background-image: url(/smoothness/images/ui-icons_888888_256x240-6abd8f62b3757b0051ba3de00d41b8c5790bf86e65fd177f7074dfda162b079f.png);
}
.right_title_button span.ui-button-text {
  border-radius: 0px;
  padding: 0.4em 1em 0.4em 1em !important;
  margin-right: 0.3em;
}
.right_title_button span.ui-button-text:hover {
  border: 1px solid #999999;
  background: #dadada url(/smoothness/images/ui-bg_glass_75_dadada_1x400-c0eb002316cb7333f57a2837858b012129cc00cf6d73a6b9153b583bde3333fd.png) 50% 50% repeat-x;
  font-weight: normal;
  color: #212121;
}
.right_title_button span.ui-button-text:hover a, .right_title_button span.ui-button-text:hover a:hover {
  color: #212121;
  text-decoration: none;
  outline: none;
}
.right_title_button span.ui-button-text:hover .ui-icon {
  background-image: url(/smoothness/images/ui-icons_454545_256x240-4f8d92c2e94096691600e48629363cd8544a92f89a8a4bead764c207ec7faa72.png);
}
.right_title_button a {
  color: #121212;
  text-decoration: none;
}
.right_title_button a:hover {
  text-decoration: underline;
}
.right_title_button a .send-feedback-text, .right_title_button a .support-text, .right_title_button a .decommission-text {
  vertical-align: top !important;
}
.right_title_button a .fdbck-img {
  vertical-align: text-bottom !important;
  margin-right: 0.5em;
}
.right_title_button a .fdbck-img:hover {
  opacity: 0.7;
}

#container > header {
  z-index: 10;
}
#container > header > nav {
  color: #121212;
  height: 64px;
  line-height: 24px;
  padding: 0;
  font-size: 24px;
  font-weight: normal;
  width: 100%;
}
#container > header > nav #title-raw {
  padding: 20px 0 0 20px;
}
#container > header > nav #left-title {
  position: absolute !important;
}
#container > header > nav #right-title {
  color: #121212;
  position: absolute !important;
  right: 1px !important;
  font-size: 12px;
  line-height: 1.5;
  float: right;
}
#container > header > nav #right-title ul {
  padding: 0 1em;
}
#container > header > nav .title-link a {
  text-decoration: none;
  color: #000099;
}
#container > header > nav .title-link a:hover {
  color: #053866;
  text-decoration: underline;
}
#container > header > nav .title-link a:visited {
  color: #745285;
}
#container > header > nav .title-link a {
  font-size: 14px;
  padding: 0 0 0 20px;
}
#container > header > nav h1 {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline;
}
#container > header > nav h2 {
  display: inline;
}

fieldset.pdf_options input {
  margin-top: 0;
  margin-bottom: 3px;
}

#setup_rhm_dialog ul, .stacked.formtastic.computer_group .rhm-integration-fieldset ul {
  padding-left: 20px;
  margin-bottom: 0.8em;
  list-style-type: "- ";
}
#setup_rhm_dialog li, .stacked.formtastic.computer_group .rhm-integration-fieldset li {
  padding-left: 5px;
  margin: 0;
}
#setup_rhm_dialog strong, .stacked.formtastic.computer_group .rhm-integration-fieldset strong {
  font-weight: bold;
}
#setup_rhm_dialog p, .stacked.formtastic.computer_group .rhm-integration-fieldset p {
  margin-bottom: 0.8em;
}
#setup_rhm_dialog p.title, .stacked.formtastic.computer_group .rhm-integration-fieldset p.title {
  padding-top: 0.5em;
}
#setup_rhm_dialog br, .stacked.formtastic.computer_group .rhm-integration-fieldset br {
  line-height: 1.5em;
}

/* ============================================================
 * !!!!!!!!!!!!!!!!!!!!!!!!!!REACT PART!!!!||||||||||||||||||||||
 * ============================================================ */
/* ============================================================
 * FONT IMPORTS
 * ------------------------------------------------------------
 * These fonts are loaded from /static/fonts because the React
 * build pipeline is completely separate from the Ruby asset
 * pipeline. The old Sprockets/Sass in JRuby cannot process
 * modern Carbon v10 font paths, so we store and serve them as
 * raw static resources.
 * ============================================================ */
@font-face {
  font-family: "IBM Plex Sans";
  font-weight: 400;
  src: url(/static/fonts/IBMPlexSans-Regular-Latin1.woff2) format("woff2"), url(/static/fonts/IBMPlexSans-Regular-Latin1.woff) format("woff");
}
@font-face {
  font-family: "IBM Plex Sans";
  font-weight: 600;
  src: url(/static/fonts/IBMPlexSans-SemiBold-Latin1.woff2) format("woff2"), url(/static/fonts/IBMPlexSans-SemiBold-Latin1.woff) format("woff");
}
@font-face {
  font-family: "IBM Plex Mono";
  font-weight: 400;
  src: url(/static/fonts/IBMPlexMono-Regular-Latin1.woff2) format("woff2"), url(/static/fonts/IBMPlexMono-Regular-Latin1.woff) format("woff");
}
/* ============================================================
 * BASE REACT-UI WRAPPER
 * ============================================================ */
.react-ui {
  font-family: "IBM Plex Sans", Arial, sans-serif !important;
  font-size: 0.93rem !important;
  background: #fff !important;
  color: #000 !important;
}
.react-ui h1, .react-ui h2, .react-ui h3, .react-ui h4, .react-ui h5, .react-ui h6, .react-ui p, .react-ui span, .react-ui li, .react-ui a {
  font-size: 0.73rem !important;
  line-height: 1.35 !important;
  color: #000 !important;
}
.react-ui a {
  color: #0f62fe !important;
}
.react-ui a:hover {
  text-decoration: underline !important;
}

/* ============================================================
 * TO DO LIST — HEADER
 * ============================================================ */
.react-ui .todo-title,
.react-ui h3.todo-title {
  font-size: 1.3rem !important;
  font-weight: 650 !important;
  margin: 0 0 0.5rem 1rem !important;
  padding: 0 !important;
}

/* ============================================================
 * TO DO LIST — DROPDOWN PANEL
 * ============================================================ */
.react-ui #todo-list {
  position: absolute !important;
  min-width: 450px !important;
  max-width: 600px !important;
  width: max-content !important;
  left: 0 !important;
  top: 40px !important;
  white-space: normal !important;
  z-index: 9999 !important;
}
.react-ui #todo-list hr {
  margin: 0 1rem !important;
}

/* ============================================================
 * SINGLE TO-DO CARD
 * ============================================================ */
.react-ui #todo-list .todo-content,
.react-ui #todo-list > div.todo-list {
  background: #fff !important;
  border: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  padding: 0.75rem 1rem !important;
  margin: 0 !important;
}

/* ============================================================
 * TOAST NOTIFICATIONS (ILMT TO-DO ITEMS)
 * ============================================================ */
.react-ui .bx--toast-notification {
  background: #fff !important;
  border-left: 6px solid currentColor !important;
  border-top: 1px solid #e0e0e0 !important;
  border-right: 1px solid #e0e0e0 !important;
  border-bottom: 1px solid #e0e0e0 !important;
  border-radius: 4px !important;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05) !important;
  padding: 0.6rem 1rem !important;
  margin: 0.5rem !important;
  width: calc(100% - 2rem) !important;
}

/* remove Carbon icons */
.react-ui .bx--toast-notification__icon {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* text alignment reset */
.react-ui .bx--toast-notification__details,
.react-ui .bx--toast-notification__title,
.react-ui .bx--toast-notification__subtitle,
.react-ui .bx--toast-notification__caption {
  margin-left: 0 !important;
  padding-left: 0 !important;
}

/* ============================================================
 * TEXT SIZE FIXES INSIDE TOASTS
 * ============================================================ */
.react-ui .bx--toast-notification__title,
.react-ui .bx--toast-notification__title *,
.react-ui .bx--toast-notification__title .notification_text {
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
}

.react-ui .bx--toast-notification__subtitle,
.react-ui .bx--toast-notification__subtitle *,
.react-ui .bx--toast-notification__caption,
.react-ui .bx--toast-notification__caption * {
  font-size: 0.78rem !important;
  line-height: 1.3 !important;
}

.react-ui .bx--toast-notification__caption,
.react-ui .bx--toast-notification__caption * {
  font-size: 0.85rem !important;
  line-height: 1.2 !important;
  margin: 0.2rem 0 !important;
}

/* ============================================================
 * TOAST LEFT-BORDER COLORS
 * ============================================================ */
.bx--toast-notification--error {
  color: #da1e28 !important;
}

.bx--toast-notification--warning {
  color: #f1c21b !important;
}

.bx--toast-notification--success {
  color: #24a148 !important;
}

.bx--toast-notification--info {
  color: #0f62fe !important;
}

/* ============================================================
 * TOP MENU FIXES (avoid React overrides)
 * ============================================================ */
nav.top-menu,
.top-menu {
  background-color: #1f3247 !important;
}

nav.top-menu svg,
.top-menu svg,
.top-menu .notification-icon {
  fill: #fff !important;
}

.top-menu .notification-icon {
  background-color: #fff !important;
  color: #000 !important;
}

/* ============================================================
 * SESSION TIMEOUT MODAL – VISUAL TWEAKS
 * ============================================================ */
#session-timeout-popup .bx--modal-container {
  max-width: 540px !important;
  padding: 1.6rem 2.2rem !important;
}

#session-timeout-popup .bx--modal-header__heading {
  font-size: 1.8rem !important;
  font-weight: 600 !important;
  margin-bottom: 1rem !important;
  color: #000 !important;
}

#session-timeout-popup .bx--modal-content__text {
  font-size: 0.95rem !important;
  line-height: 1.4 !important;
  margin-bottom: 1.4rem !important;
  color: #000 !important;
  max-width: 460px !important;
}

#session-timeout-popup .bx--modal-footer {
  display: flex !important;
  justify-content: flex-end !important;
  gap: 1rem !important;
  padding-top: 0.6rem !important;
  padding-bottom: 0.6rem !important;
}

/* button reset (kills jQuery UI rules) */
#session-timeout-popup .bx--modal-footer .bx--btn {
  all: unset !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  box-sizing: border-box !important;
  cursor: pointer !important;
  min-height: 32px !important;
  padding: 0 1.2rem !important;
  font-size: 0.92rem !important;
  font-weight: 600 !important;
  font-family: inherit !important;
  border-radius: 4px !important;
}

/* PRIMARY BUTTON */
#session-timeout-popup .bx--btn.bx--btn--primary {
  background: #0A2F8A !important;
  border: 2px solid #071F5E !important;
  color: #ffffff !important;
  box-shadow: 0 0 0 1px #ffffff inset !important;
}

#session-timeout-popup .bx--btn.bx--btn--primary:hover {
  background: #082463 !important;
  border-color: #061A4C !important;
}

/* SECONDARY */
#session-timeout-popup .bx--btn.bx--btn--secondary {
  background: #ffffff !important;
  color: #0A2F8A !important;
  border: 2px solid #0A2F8A !important;
  box-shadow: 0 0 0 1px #ffffff inset !important;
}

#session-timeout-popup .bx--modal-close__icon {
  fill: #000 !important;
}

/* ============================================================
 * MODAL BEHAVIOR FIX (broken by prefixed React CSS)
 * ============================================================ */
#session-timeout-popup .bx--modal {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

#session-timeout-popup .bx--modal-container {
  position: relative !important;
  margin: auto !important;
  width: auto !important;
  max-width: 540px !important;
  height: auto !important;
  max-height: none !important;
  transform: none !important;
}

.bx--modal-container {
  position: relative !important;
  margin: auto !important;
  width: auto !important;
  max-width: 600px !important;
  height: auto !important;
  max-height: none !important;
}

/* ============================================================
 * ACCORDION FIX (Carbon broken when prefixed)
 * ============================================================ */
.react-ui .bx--accordion__content {
  max-height: 0 !important;
  overflow: hidden !important;
  transition: max-height 0.25s ease !important;
}

.react-ui .bx--accordion__item--active .bx--accordion__content {
  max-height: 2000px !important;
}

.react-ui .bx--accordion__arrow {
  transition: transform 0.25s ease !important;
}

.react-ui .bx--accordion__item--active .bx--accordion__arrow {
  transform: rotate(180deg) !important;
}

/* ============================================================
 * To-Do Badge (number next to checklist icon)
 * ============================================================ */
#todo-menu .menu-img {
  position: relative !important;
  display: inline-block !important;
}

#todo-menu #todos-number {
  position: absolute !important;
  top: -8px !important;
  right: -8px !important;
  left: 16px !important;
  background: #ffffff !important;
  border: 2px solid #1f3247 !important;
  border-radius: 4px !important;
  min-width: 16px !important;
  height: 16px !important;
  font-size: 0.82rem !important;
  font-weight: 700 !important;
  color: #da1e28 !important;
  line-height: 16px !important;
  text-align: center !important;
  padding: 0px 3px !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  box-sizing: border-box !important;
  pointer-events: none !important;
}

#todo-menu .menu-img img {
  width: 20px !important;
  height: 20px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: inline-block !important;
}

#todo-menu #todos-number:empty {
  display: none !important;
}
