/* % of whatever the browser uses (probably 16px) */
/* https://meyerweb.com/eric/tools/color-blend/#:::hex */
/* A generated file.  Manual edits will be ovewritten. */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.2;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: normal;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
body {
  font-family: "Segoe UI", Verdana, Arial, sans-serif;
  font-size: 100%;
  color: black;
  font-style: normal;
  font-weight: normal;
  background-color: white;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  text-align: left;
}
body.text-center {
  text-align: center;
}
a:link {
  color: blue;
  text-decoration: none;
}
a:visited {
  color: blue;
  text-decoration: none;
}
a:hover {
  color: red;
}
th,
td.tablecellheader {
  color: white;
  font-weight: bold;
  background-color: #CC3333;
  text-align: center;
  padding: 2px 5px 2px 5px;
  white-space: nowrap;
}
td {
  padding: 0px 0px 0px 0px;
}
.main {
  padding: 2px 5px 2px 5px;
}
.main-nowrap {
  white-space: nowrap;
}
.main-hand {
  cursor: pointer;
}
.mainbold {
  font-weight: bold;
  padding: 2px 5px 2px 5px;
}
.alerttext {
  color: red;
  padding: 2px 5px 2px 5px;
}
.prompt {
  font-weight: 600;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
}
.value {
  text-align: left;
  vertical-align: top;
}
.required {
  font-size: 9pt;
  color: red;
  font-weight: bold;
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}
input {
  color: black;
}
.baseMenuButton {
  font-size: 100%;
  text-align: center;
  padding: 0 0 0 0;
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  white-space: nowrap;
}
.button {
  font-size: 100%;
  color: white;
  /*font-weight:bold;*/
  background-color: #990000;
  text-align: center;
  border-style: outset;
  border-width: 2px;
  padding: 4px 4px 4px 4px;
  cursor: pointer;
  border-radius: 5px;
}
.button:hover {
  color: #FF3300;
}
.tableheading {
  color: white;
  /*font-weight: bold;*/
  background-color: #DD5B5B;
  text-align: center;
  padding: 2px 5px 2px 5px;
  white-space: nowrap;
}
.tableheading a {
  color: white;
  background-color: #DD5B5B;
  text-decoration: none;
  display: block;
  border-style: solid;
  border-width: 0 0 0 0;
  padding: 0 0 0 0;
}
.tableheading a:link {
  text-decoration: underline;
}
.tableheading a:visited {
  color: white;
}
.tableheading a:hover {
  color: #FF3300;
}
.tableheading.tableTitle {
  background-color: #BB2D2D;
}
.sectionheading {
  color: white;
  font-weight: bold;
  background-color: #990000;
  text-align: left;
  padding: 2px 5px 2px 5px;
  white-space: nowrap;
}
.border {
  background-color: #990000;
}
.primarymenubutton {
  font-size: 100%;
  text-align: center;
  padding: 0 0 0 0;
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  white-space: nowrap;
  background-color: #FF8888;
  border-color: black;
}
.primarymenubutton a,
.primarymenubutton span {
  color: black;
  background-color: #FF8888;
  text-decoration: none;
  display: block;
  border-style: solid;
  border-color: white;
  border-width: 0px 1px 1px 1px;
  padding: 5px 3px 3px 3px;
}
.primarymenubutton a:visited {
  color: black;
}
.primarymenubutton a:hover {
  color: #FF3300;
}
.primarymenubutton_active {
  font-size: 100%;
  text-align: center;
  padding: 0 0 0 0;
  border-style: solid;
  border-width: 0px 1px 1px 0px;
  white-space: nowrap;
  background-color: #990000;
  border-color: black;
}
.primarymenubutton_active a {
  color: white;
  background-color: #990000;
  text-decoration: none;
  display: block;
  border-style: solid;
  border-width: 0 0 0 0;
  padding: 5px 3px 3px 3px;
}
.primarymenubutton_active a:visited {
  color: white;
}
.primarymenubutton_active a:hover {
  color: #FF3300;
}
.secondarymenubutton {
  font-size: 100%;
  text-align: center;
  padding: 0 0 0 0;
  background-color: #DD5B5B;
  border-style: solid;
  border-color: black;
  border-width: 0px 0px 2px 0px;
  white-space: nowrap;
}
.secondarymenubutton a,
.secondarymenubutton span {
  background-color: #DD5B5B;
  text-decoration: none;
  display: block;
  border-style: solid;
  border-width: 0 0 0 0;
  padding: 1px 20px 1px 20px;
}
.secondarymenubutton a:visited {
  color: black;
}
.secondarymenubutton a:hover {
  color: #FF3300;
}
.secondarymenubutton_active {
  font-size: 100%;
  text-align: center;
  padding: 0 0 0 0;
  background-color: #990000;
  border-style: solid;
  border-color: black;
  border-width: 0px 0px 2px 0px;
  white-space: nowrap;
}
.secondarymenubutton_active a {
  color: white;
  background-color: #990000;
  text-decoration: none;
  display: block;
  border-style: solid;
  border-width: 0 0 0 0;
  padding: 1px 20px 1px 20px;
}
.secondarymenubutton_active a:visited {
  color: white;
}
.secondarymenubutton_active a:hover {
  color: #FF3300;
}
.tertiarymenubutton {
  font-size: 80%;
  text-align: center;
  padding: 0 0 0 0;
  background-color: #BB2D2D;
  border-style: solid;
  border-color: white;
  border-width: 1px 0px 0px 0px;
  white-space: nowrap;
}
.tertiarymenubutton a,
.tertiarymenubutton span {
  color: white;
  background-color: #BB2D2D;
  text-decoration: none;
  display: block;
  border-style: solid;
  border-width: 0 0 0 0;
  padding: 1px 15px 2px 15px;
}
.tertiarymenubutton a:visited {
  color: white;
}
.tertiarymenubutton a:hover {
  color: #FF3300;
}
.tertiarymenubutton_active {
  font-size: 100%;
  text-align: center;
  padding: 0 0 0 0;
  background-color: #990000;
  border-style: solid;
  border-color: white;
  border-width: 1px 0px 0px 0px;
  white-space: nowrap;
}
.tertiarymenubutton_active a {
  color: white;
  background-color: #990000;
  text-decoration: none;
  display: block;
  border-style: solid;
  border-width: 0 0 0 0;
  padding: 1px 15px 1px 15px;
}
.tertiarymenubutton_active a:visited {
  color: white;
}
.tertiarymenubutton_active a:hover {
  color: #FF3300;
}
.primarytitlebar {
  /*font-weight:bold;*/
  color: white;
  text-align: right;
  padding: 2px 10px 2px 0px;
  background-color: #990000;
  white-space: nowrap;
}
.primarytitlebar a {
  color: white;
  background-color: #990000;
  text-decoration: none;
  display: block;
  border-style: solid;
  border-width: 0 0 0 0;
  padding: 1px 15px 1px 15px;
}
.primarytitlebar a:visited {
  color: white;
}
.primarytitlebar a:hover {
  color: #FF3300;
}
.content {
  padding: 10px 0px 0px 10px;
  vertical-align: top;
}
.logingreeting {
  font-size: 12pt;
  font-weight: bold;
  text-align: center;
}
.logininstructions {
  text-align: center;
}
.loginprompt {
  text-align: right;
}
.loginbutton {
  font-size: 100%;
  color: white;
  font-weight: bold;
  background-color: #D60039;
  text-align: center;
  border-style: outset;
  padding: 0px 4px 0px 4px;
}
.altrowcolor0 td {
  background-color: #D1D1D1;
}
.altrowcolor1 td {
  background-color: #EEEEEE;
}
.highlightedrow td {
  background-color: yellow;
}
.changedattributevalue {
  color: #FF3300;
  font-style: italic;
  padding: 0px 5px 0px 5px;
}
.comparepage-changedattributevalue {
  text-decoration: underline;
}
.changedattributecomment {
  color: #009900;
  font-style: italic;
  padding: 0px 5px 0px 5px;
}
.comparepage-changedattributecomment {
  text-decoration: underline;
}
.changedattributelabel {
  color: #FF3300;
  font-weight: bold;
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
}
.highlightBoldBlue {
  color: #0000FF;
  font-weight: bold;
  text-align: center;
  padding: 2px 5px 2px 5px;
}
.highlightBoldGreen {
  color: #0F9247;
  font-weight: bold;
}
.highlightBoldRed {
  font-weight: bold;
  color: #FF0000;
}
.centerImg {
  width: 100%;
  text-align: center;
}
.width {
  border: 1px solid blue;
  max-width: 200px;
  min-width: 1200px;
}
#header {
  width: 100%;
  height: auto;
  margin: 0 auto;
  min-width: 988px;
}
#content .logo {
  float: left;
  height: auto;
  width: 352px;
  margin-top: 30px;
  border: 1px solid green;
}
#content .content-container {
  /*width:988px;*/
  text-align: center;
  margin: 0 auto;
}
.content-greeting {
  font-size: 12pt;
  font-weight: bold;
  width: 427px;
  height: auto;
  margin: 0 auto;
  padding: 15px 0 25px 0;
}
.content-alerttext {
  color: red;
  background-color: #fff;
  text-align: center;
  padding: 2px 5px 10px 5px;
}
.content-login {
  /*width:275px;*/
  width: 50%;
  height: auto;
  margin: 0 auto;
}
.login-header {
  font-weight: normal;
  text-align: left;
  color: #FF0000;
  width: 100%;
}
.login-instructions {
  padding: 2px 0 5px 0;
}
.content-login .login-container {
  margin: 0 auto;
  width: 100%;
  height: 90px;
}
.content-login .login-label {
  width: 43%;
  float: left;
  text-align: right;
  margin: 0 auto;
  padding: 3px 0 3px 0;
}
.content-login .login-input {
  width: 55%;
  float: right;
  margin: 0 auto;
  padding: 1px 0 1px 0;
  text-align: left;
}
.content-login .login-external {
  color: maroon;
  width: 43%;
  float: left;
  text-align: right;
  padding: 4px 1px 0 0;
}
.content-login .login-buttonw {
  width: 55%;
  float: right;
}
.content-login .login-button {
  width: 55%;
  float: right;
  text-align: left;
}
.content-login .login-button-object {
  font-weight: normal;
  background-color: #D60039;
  color: white;
  border-style: none;
  text-align: left;
  padding: 2px 5px 2px 5px;
  border-radius: 5px;
}
.login-button-object:hover {
  color: powderblue;
}
.content-forgotpass {
  width: 275px;
  height: 195px;
  margin: 0 auto;
}
/** reset password page start */
.content-reset {
  width: 50%;
  height: auto;
  margin: 0 auto;
  border: 2px solid black;
  padding: 4px;
}
.reset-instructions {
  padding: 5px;
  color: white;
  font-weight: bold;
}
.content-reset .reset-container {
  margin: 0 auto;
  width: 100%;
  height: 350px;
}
.content-reset .reset-description {
  text-align: left;
  padding: 0px 5px;
}
.content-reset .reset-description p {
  margin: 3px 0px;
  font-weight: bold;
}
.content-reset .reset-label {
  width: 43%;
  float: left;
  text-align: right;
  margin: 0 auto;
  padding: 3px 0 3px 0;
  font-weight: bold;
}
.content-reset .reset-input {
  width: 55%;
  float: right;
  margin: 0 auto;
  padding: 1px 0 1px 0;
  text-align: left;
}
.content-reset .reset-button {
  width: 55%;
  float: right;
  text-align: left;
}
.content-reset .reset-button-object {
  font-weight: normal;
  background-color: #D60039;
  color: white;
  border-style: none;
  text-align: left;
  padding: 2px 5px 2px 5px;
  border-radius: 5px;
}
.reset-button-object:hover {
  color: powderblue;
}
/** reset password page end */
#footer {
  width: 100%;
  height: auto;
  margin: 0 auto;
  min-width: 988px;
}
#footer .footer-wrapper {
  width: 988px;
  height: auto;
  margin: 0 auto;
}
#footer .footer-wrapper .policy {
  font-size: 8pt;
  font-weight: bold;
  color: white;
  margin-top: 50px;
  margin-left: 50px;
  position: absolute;
}
#footer .footer-wrapper .policy a:link {
  color: white;
}
#footer .footer-wrapper .policy a:visited {
  color: white;
}
.content-forgotpass .forgotpass-header {
  font-weight: bold;
  color: #FF0000;
}
.content-forgotpass .forgotpass-header a:link {
  color: #ff0000;
}
.forgotpass-instructions {
  padding: 2px 0 5px 0;
  margin: 0 auto;
}
.content-login .forgotpass-container {
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.forgotpass-container .forgotpass-label {
  width: 43%;
  float: left;
  text-align: right;
  margin: 0 auto;
  padding: 3px 0 3px 0;
}
.forgotpass-container .forgotpass-input {
  width: 55%;
  float: right;
  margin: 0 auto;
  padding: 1px 0 1px 0;
}
.forgotpass-container .forgotpass-button {
  width: 95%;
  text-align: right;
  padding: 1px 0 0 0;
  float: left;
}
.paging {
  padding: 5px;
}
.paging a {
  padding-top: 2px;
}
.paging a.paging-selected {
  font-weight: bold;
}
.paging a.paging-first {
  width: 20px;
  padding-left: 20px;
  background: url(/images/icons/resultset_first.jpg) no-repeat;
}
.paging a.paging-previous {
  width: 20px;
  padding-left: 20px;
  background-image: url(/images/icons/resultset_previous.jpg);
  background-repeat: no-repeat;
}
.paging a.paging-next {
  width: 20px;
  background: url(/images/icons/resultset_next.jpg) no-repeat;
  padding-left: 20px;
}
.paging a.paging-last {
  width: 20px;
  padding-left: 20px;
  background: url(/images/icons/resultset_last.jpg) no-repeat;
}
body.loginbody {
  text-align: center;
}
#content {
  width: 100%;
  height: auto;
  margin: 0 auto;
  min-width: 988px;
}
td.tchighlight,
.altrowcolor0 td.tchighlight,
.altrowcolor1 td.tchighlight,
td.tchighlight table,
td.tchighlight table tr,
td.tchighlight table tr td {
  background-color: #55C8FF;
}
/* add style from .cfm and .cfc */
ul.plain {
  list-style-type: none;
  text-align: left;
}
li.groupName {
  font-size: 1.1em;
  font-weight: bolder;
}
#header {
  background: url(/images/header_pixel.jpg) repeat-x;
}
#footer {
  background: url(/images/footer_pixel.jpg) repeat-x;
}
.content-container {
  background: url(/images/nowsource_logo.jpg) no-repeat 8% 90%;
}
.patent {
  width: 100%;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  color: black;
}
.fileTb td {
  text-align: center;
}
table.fileTb tr.contentTr:nth-child(2n) td {
  background: #E7EBF7;
}
table.fileTb tr.contentTr:nth-child(2n+1) td {
  background: #CDD3D9;
}
@font-face {
  font-family: "C-Font Awesome-10";
  src: url(font/fontawesome-webfont.woff);
}
div.validation-error-box {
  position: relative;
  background-color: #E31F2D;
  background-image: none;
  background-size: auto auto;
  background-repeat: repeat;
  background-position: center center;
}
div.validation-error-box .validation-error-title {
  opacity: 1;
  color: #FFFFFF;
  padding: 5px 0px 0px 30px;
}
div.validation-error-box .validation-error-contant {
  opacity: 1;
  color: #FFFFFF;
  padding: 0px 0px 5px 40px;
  font-size: 16px;
}
div.validation-error-box .validation-error-shape {
  position: absolute;
  top: 4px;
  left: 9px;
  font-family: 'C-Font Awesome-10', Arial !important;
  opacity: 1;
  color: #FFFFFF;
  font-size: 20px;
}
div.validation-error-box p {
  margin: 0px;
}
#POtable tr td hr {
  width: 99%;
}
.disabled {
  border-color: red;
}
.box-content {
  mix-blend-mode: normal;
  display: flex;
  align-items: center;
  background-image: none;
  background-size: cover;
  background-repeat: repeat;
  background-position: center center;
  font-weight: normal;
  text-align: left;
  color: #FFFFFF;
  width: 100%;
  padding: 0px;
  margin-bottom: 10px;
}
.box-content:before {
  font-family: "C-Font Awesome-10";
  font-size: 1.5em;
  margin: 8px 8px 8px 20px;
}
.box-content p > span {
  display: block;
}
.error-box {
  background-color: #E31F2D;
}
.error-box:before {
  content: "\F05E";
}
.succ-box {
  background-color: #4B8400;
}
.succ-box:before {
  content: "\F00C";
}
.info-box {
  background-color: orange;
}
.info-box:before {
  content: "\F05A";
}
.deleted-line {
  text-decoration: line-through;
}
.order-product-deleted-line,
.order-product-deleted-line td {
  text-decoration: line-through;
  background-color: lightpink;
}
.button[disabled] {
  color: #990000;
  background-color: white;
  cursor: auto;
}
.cost {
  text-align: right;
}
.buyer-contact-info {
  font-weight: normal;
  background-color: lightgray;
  padding: 2px 5px 2px 5px;
}
.estimate.value {
  font-weight: normal;
}
.vendor-comment.value {
  font-weight: normal;
}
/***  DHTML Calendar [start]  ***/
/* The main calendar widget.  DIV containing a table. */
.calendar {
  position: relative;
  display: none;
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  font-size: 100%;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: "Segoe UI", Verdana, Arial, sans-serif;
}
.calendar table {
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  font-size: 100%;
  color: #000;
  cursor: default;
  background: #d4d0c8;
  font-family: "Segoe UI", Verdana, Arial, sans-serif;
}
/* Header part -- contains navigation buttons and day names. */
.calendar .button {
  /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  border-radius: 0px;
  background: #990000;
}
.calendar .nav {
  background: transparent url(/images/menuarrow.gif) no-repeat 100% 100%;
}
.calendar thead .title {
  /* This holds the current "month, year" */
  font-weight: normal;
  padding: 1px;
  border: 1px solid #000;
  background: #848078;
  color: #fff;
  text-align: center;
}
.calendar thead .name {
  /* Cells <TD> containing the day names */
  border-bottom: 1px solid #000;
  padding: 2px;
  text-align: center;
  background: #f4f0e8;
}
.calendar thead .weekend {
  /* How a weekend day name shows in header */
  color: #f00;
}
.calendar thead .hilite {
  /* How do the buttons in header appear when hover */
  border-top: 2px solid #fff;
  border-right: 2px solid #000;
  border-bottom: 2px solid #000;
  border-left: 2px solid #fff;
  padding: 0px;
  background-color: #e4e0d8;
}
.calendar thead .active {
  /* Active (pressed) buttons in header */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  background-color: #c4c0b8;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day {
  /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}
.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #f4f0e8;
}
.calendar tbody .rowhilite td {
  background: #e4e0d8;
}
.calendar tbody .rowhilite td.wn {
  background: #d4d0c8;
}
.calendar tbody td.hilite {
  /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
}
.calendar tbody td.active {
  /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}
.calendar tbody td.selected {
  /* Cell showing selected date */
  font-weight: bold;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
  padding: 2px 2px 0px 2px;
  background: #e4e0d8;
}
.calendar tbody td.weekend {
  /* Cells showing weekend days */
  color: #f00;
}
.calendar tbody td.today {
  /* Cell showing today date */
  font-weight: bold;
  color: #00f;
}
.calendar tbody .disabled {
  color: #999;
}
.calendar tbody .emptycell {
  /* Empty cells (the best is to hide them) */
  visibility: hidden;
}
.calendar tbody .emptyrow {
  /* Empty row (some months need less than 6 rows) */
  display: none;
}
.calendar tfoot .ttip {
  /* Tooltip (status bar) cell <TD> */
  background: #f4f0e8;
  padding: 1px;
  border: 1px solid #000;
  background: #BB2D2D;
  color: #fff;
  text-align: center;
}
.calendar tfoot .hilite {
  /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}
.calendar tfoot .active {
  /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}
/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  background: #e4e0d8;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}
.calendar .combo .label-IEfix {
  width: 4em;
}
.calendar .combo .active {
  background: #c4c0b8;
  padding: 0px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}
.calendar .combo .hilite {
  background: #048;
  color: #fea;
}
.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #f4f0e8;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #fff;
}
.calendar td.time .ampm {
  text-align: center;
}
.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}
.calendar td.time span.hilite {
  border-color: #000;
  background-color: #766;
  color: #fff;
}
.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}
/***  DHTML Calendar [end]  ***/
.unbold-sectionheading {
  font-weight: normal;
}
.min-width {
  min-width: 200px;
}
.other-vendor-pricing {
  background-color: #C0C0C0;
}
.interiorheader {
  background-color: red;
}
.interiorsubheader {
  background-color: lightcoral;
}
.specialchars {
  background-color: red;
}
/**
 * Messaging start
 */
.bold {
  font-weight: bold;
}
.right {
  text-align: right;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.hidden {
  display: none;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.button-green {
  background-color: #2E8540;
}
.button-gray {
  background-color: #5A616B;
}
.button-blue {
  background-color: #0071BD;
}
.message-left-panel {
  width: 15%;
  vertical-align: top;
}
.message-left-panel .button-group {
  padding: 20px 5px 20px 5px;
}
.message-left-panel .button-group > .button {
  width: 100%;
  padding: 5px;
  line-height: 2em;
}
.message-left-panel .nav {
  text-align: center;
  margin: 30px 10px 0px 10px;
}
.message-left-panel .nav div.item {
  padding: 0px 10px 0px 10px;
  border-bottom: 2px solid gray;
  line-height: 2.5em;
  text-align: left;
}
.message-left-panel .nav div.selected {
  border-left: 4px solid blue;
  font-weight: bold;
}
.message-right-panel {
  width: 85%;
  padding: 10px 0px 0px 20px;
  vertical-align: top;
}
.message-right-panel .search-range-text {
  margin: 5px 0px 20px 30px;
}
.message-right-panel .required-text {
  margin: 5px;
}
.message-right-panel .date-range {
  margin: 5px;
}
.message-right-panel .date-range .label {
  font-weight: normal;
}
.message-right-panel .date-range .text-input {
  margin: 0px 5px;
}
.message-right-panel .date-range .date-range-button {
  margin-left: 10px;
}
.message-right-panel .filter {
  padding: 5px;
}
.message-right-panel .filter .filter-label {
  font-weight: normal;
}
.message-right-panel .filter .filter-link {
  padding: 5px;
  text-decoration: underline;
}
.message-right-panel .listview {
  border-width: 0.5px;
  width: 50%;
  margin-top: 20px;
}
.message-right-panel .listview thead th {
  background-color: #446699;
  padding: 10px 10px 10px 10px;
  font-weight: normal;
  color: white;
  text-align: left;
  cursor: pointer;
}
.message-right-panel .listview tbody tr.unread {
  font-weight: bold;
}
.message-right-panel .listview tbody td {
  background-color: white;
  padding: 10px 10px 10px 10px;
}
.message-right-panel .button-group {
  width: 50%;
  margin-top: 20px;
  text-align: center;
}
.message-right-panel input.button {
  /*margin:10px 20px 10px 20px;*/
  padding: 10px 5px;
}
table.sortable tbody tr:nth-child(2n) td {
  background: #E7EBF7;
}
table.sortable tbody tr:nth-child(2n+1) td {
  background: #CDD3D9;
}
.message-right-panel table.fields {
  width: 50%;
  margin-top: 20px;
}
.message-right-panel table.fields select,
textarea,
input[name='strTitle'] {
  width: 400px;
}
.message-right-panel table.fields .innertable-button-group {
  margin: 20px 0px 0px 0px;
}
.message-right-panel .thread-table-body {
  width: 50%;
  border-spacing: 0;
  border-collapse: separate;
  background-color: #f4f4f4;
  border: 1px solid gainsboro;
  margin-top: 10px;
}
.message-right-panel .thread-table-body tr.unread {
  font-weight: bold;
}
.message-right-panel .thread-table-body .message-summary-row {
  cursor: pointer;
}
.message-right-panel .thread-table-body .message-expander {
  width: 60px;
  max-width: 60px;
  min-width: 60px;
  vertical-align: top;
  padding: 0;
  cursor: pointer;
}
.message-right-panel .thread-table-body .message-expander > button {
  padding: 10px 20px;
  cursor: pointer;
  border: none;
}
.message-right-panel .thread-table-body .message-cell {
  padding-left: 20px;
  border-bottom: 1px solid gainsboro;
}
.message-right-panel .thread-table-body .message-cell-left {
  text-align: left;
  padding-left: 20px;
}
.message-right-panel .thread-table-body .message-cell-right {
  text-align: right;
  padding-right: 20px;
}
.message-right-panel .thread-table-body .message-content-row > td {
  padding: 10px;
}
.message-right-panel .thread-table-body .message-content-row .button-reply {
  float: left;
}
.message-right-panel .thread-table-body .message-content-row .button-close {
  float: right;
}
.message-right-panel .thread-table-body .message-content-row-header,
.message-content-row-body {
  width: 100%;
  border: 2px solid #474747;
}
.message-right-panel .thread-table-body .message-content-row-header td {
  border-width: 0px;
}
.message-right-panel .thread-table-body .message-content-row-header .label {
  width: 20%;
  padding-right: 10px;
  text-align: right;
  font-weight: bold;
  line-height: 2em;
}
.message-right-panel .thread-table-body .message-content-row-header .value {
  padding-left: 10px;
  text-align: left;
  line-height: 2em;
  vertical-align: middle;
}
.message-right-panel .thread-table-body .message-content-row-body .value {
  padding: 10px;
  line-height: 2em;
}
.message-right-panel .thread-info {
  width: 50%;
}
.message-right-panel .thread-info .info-title {
  font-weight: bold;
}
.message-right-panel .thread-info .info-content {
  margin-top: 10px;
}
.message-right-panel .thread-info .info-content > a {
  text-decoration: underline;
}
/**
 * Messaging end
 */
/**
 * Project User start
 */
.projUserDiv {
  width: 40%;
  min-width: 510px;
}
.projUserWrapper {
  min-height: 210px;
  max-height: 210px;
  overflow-y: auto;
  text-align: center;
}
.projUserTable {
  width: 100%;
}
.projUserTable thead > tr > td.heading {
  padding: 3px 3px;
  color: white;
  background-color: black;
  font-weight: bold;
}
.projUserTable tbody > tr > td {
  padding: 3px;
}
.projUserTable tbody > tr > td.label {
  width: 40%;
}
.projUserTable tbody > tr:nth-child(2n+1) > td {
  background-color: ghostwhite;
}
.projUserTable tbody > tr:nth-child(2n) > td {
  background-color: lightgray;
}
/**
 * Project User end
 */
/**
 * Storage Calculator start
 */
table.storage-calculator td {
  padding: 0 5px;
}
/**
 * Storage Calculator end
 */
/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  form.frmProposal table.proposal-body {
    font-size: 0.8em;
  }
  form.frmProposal table.proposal-body-client-view {
    font-size: 1em;
  }
}
/* Firefox */
@-moz-document url-prefix() {
  form.frmProposal table.proposal-body {
    font-size: 0.85em;
  }
  form.frmProposal table.proposal-body-client-view {
    font-size: 1em;
  }
}
/* IE10+ */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  form.frmProposal table.proposal-body {
    font-size: 0.8em;
  }
  form.frmProposal table.proposal-body-client-view {
    font-size: 1em;
  }
}
.columnHeading {
  color: white;
  background-color: #990000;
  text-align: center;
  padding: 2px 5px 2px 5px;
}
/* simulate-progress-bar customized css for file upload [start] */
.swal2-html-container.simulate-progress-bar-customized-html-container {
  padding: 0 1.6em 0 1.6em;
}
.swal2-html-container .progressbar {
  margin-bottom: 5px;
}
.swal2-title.simulate-progress-bar-customized-title {
  font-size: 1.125em;
}
/* simulate-progress-bar customized css for file upload [end] */