/* ---------------------------------------------------------------------
NOTES BEGIN

*property rules are commented out, IE5 hacks
_property rules are commented out, IE6 hacks

NOTES END
--------------------------------------------------------------------- */
/* ---------------------------------------------------------------------
RESET BEGIN */
html {
  color: #000;
  background: #FFF;
}
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
fieldset,
img {
  border: 0;
}
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
  font-style: normal;
  font-weight: normal;
}
li {
  list-style: none;
}
caption,
th {
  text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal;
}
q:before,
q:after {
  content: '';
}
abbr,
acronym {
  border: 0;
  font-variant: normal;
}
sup {
  vertical-align: text-top;
}
sub {
  vertical-align: text-bottom;
}
input,
textarea,
select {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
input:disabled,
textarea:disabled,
select:disabled {
  background-color: #eee;
}
/*input:read-only, textarea:read-only {
	border:1px solid rgba(255,255,255,0);
	color:#aaa;
}*/
/*input,textarea,select {*font-size:100%;}*/
textarea {
  border: 0.5px solid #ddd;
  min-height: 50px;
  min-width: 250px;
  padding: 1px 0 0 1px;
}
legend {
  color: #000;
}
/*RESET END
--------------------------------------------------------------------- */
/* ---------------------------------------------------------------------
FONT BEGIN */
body {
  font: 14px arial, helvetica, clean, sans-serif;
  /**font-size:small;*/
  /**font:x-small;*/
}
select,
input,
button,
textarea {
  font: 14px arial, helvetica, clean, sans-serif;
}
table {
  font-size: inherit;
  /*font:100%;*/
}
pre,
code,
kbd,
samp,
tt {
  font-family: monospace;
  /**font-size:108%;*/
  line-height: 100%;
}
/*FONT END
--------------------------------------------------------------------- */
/* ---------------------------------------------------------------------
TEMPLATE BEGIN */
/* ====== Page Head, Body, and Foot ====== */
/*body {_text-align:center;} IE5.5 */
.body {
  /*overflow:hidden;*/
  /*_overflow:visible;*/
  /*_zoom:1;*/
}
.page {
  margin: 0 auto;
  width: 950px;
  /*_text-align:left;*/
}
/* wraps other template elems to set width */
/* text-align IE5.5 */
/* "old school" and "liquid" extend page to allow for different page widths */
.oldSchool {
  width: 750px;
}
.w960 {
  width: 960px;
}
.liquid {
  /*extends:.page;*/
  width: auto;
  margin: 0;
}
/* ====== Columns ====== */
.main {
  /*	overflow:hidden;*/
  /*_overflow:visible;*/
  /*_zoom:1;*/
}
.leftCol {
  float: left;
  width: 250px;
  /*_margin-right:-3px;*/
}
.rightCol {
  float: right;
  width: 300px;
  /*_margin-left:-3px;*/
}
/* extend columns to allow for common column widths */
.gMail {
  width: 160px;
}
.gCal {
  width: 180px;
}
.yahoo {
  width: 240px;
}
.myYahoo {
  width: 300px;
}
/*TEMPLATE END
--------------------------------------------------------------------- */
/* ---------------------------------------------------------------------
GRID BEGIN */
.line:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.line,
.lastUnit,
.lu {
  overflow: hidden;
  overflow: visible;
  zoom: 1;
}
/*.unit {float:left;_zoom:1;}*/
/*.unitExt {float:right;}*/
.w100 {
  width: 100%;
  float: none;
}
.w05 {
  width: 5%;
}
.w075 {
  width: 7.5%;
}
.w10,
.w1 {
  width: 10%;
  flex-grow: 1;
}
.w20,
.w2 {
  width: 20%;
}
.w25,
.w14 {
  width: 25%;
}
.w30,
.w3 {
  width: 30%;
}
.w33,
.w13 {
  width: 33.33333%;
}
.w40,
.w4 {
  width: 40%;
}
.w50,
.w5 {
  width: 50%;
}
.w60,
.w6 {
  width: 60%;
}
.w67,
.w23 {
  width: 66.66666%;
}
.w70,
.w7 {
  width: 70%;
}
.w75 {
  width: 75%;
}
.w80,
.w8 {
  width: 80%;
}
.w90,
.w9 {
  width: 90%;
}
.wa {
  width: auto;
}
.lastUnit,
.lu,
.we,
.fn {
  float: none;
  position: relative;
  left: -3px;
  margin-right: -3px;
  width: auto;
}
.lu:after {
  content: " . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . ";
  visibility: hidden;
  clear: both;
  height: 0 !important;
  display: block;
  line-height: 0;
}
/* extending grids to allow a unit that takes the width of its content */
.media {
  width: auto;
}
/*GRID END
--------------------------------------------------------------------- */
/* ---------------------------------------------------------------------
CONTENT BEGIN */
body {
  font-family: "Myriad Pro", "Segoe UI", Helvetica, Arial, sans-serif;
  padding: 0 14px;
}
/* **************** CONTENT OBJECTS ***************** */
/* ====== Default spacing ====== */
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
p,
blockquote {
  padding: 10px;
}
h1,
h2,
h3,
h4,
h5,
h6,
img {
  padding-bottom: 0;
}
pre {
  margin: 10px;
}
table h1,
table h2,
table h3,
table h4,
table h5,
table h6,
table p,
table ul,
table ol,
table dl,
ul h1,
ul h2,
ul h3,
ul h4,
ul h5,
ul h6,
ul p,
ul ul,
ul ol,
ul dl,
ol h1,
ol h2,
ol h3,
ol h4,
ol h5,
ol h6,
ol p,
ol ul,
ol ol,
ol dl {
  padding: 0;
}
/* ====== Elements ====== */
img {
  display: block;
}
em {
  font-style: italic;
}
strong {
  font-weight: bold;
}
hr {
  /*border:5px solid #e2e2e2;*/
  border-width: 0 0 3px 0;
  /*margin:20px 10px 10px 10px;*/
  margin: 10px 0 -5px 0;
}
code {
  color: #0B8C8F;
}
/* ====== Headings ====== */
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
  font-weight: normal;
  font-style: normal;
}
h1,
.h1 {
  color: #39b44a;
  font-size: 196%;
}
h2,
.h2 {
  color: #39b44a;
  font-size: 167%;
}
h3,
.h3 {
  color: #39b44a;
  font-size: 135%;
}
h4,
.h4 {
  color: #39b44a;
  font-size: 115%;
}
h5,
.h5 {
  color: #39b44a;
  font-size: 100%;
  /*font-weight:bold;*/
}
h6,
.h6 {
  color: #39b44a;
  font-size: 90%;
}
.category {
  font-size: 108%;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
  color: #333;
}
.category a {
  color: #333;
}
.important a {
  font-weight: bold;
}
/* links */
a,
.a {
  color: #005a9c;
  /*font-weight:bold;*/
  text-decoration: none;
}
a:focus,
a:hover {
  text-decoration: underline;
}
a:visited {
  color: #005a9c;
}
/* ====== Lists ======*/
ol.simpleList li {
  list-style-type: decimal;
  margin-left: 40px;
}
ul.simpleList li {
  list-style-type: disc;
  margin-left: 40px;
}
/* ====== Tables ====== */
.data {
  padding: 20px;
  position: relative;
  /*zoom:1;*/
  vertical-align: top;
  border-right: solid 1px transparent;
  /* border fixes a FF2 bug which causes the data table to overlay its borders*/
}
.data table {
  width: 100%;
  border: 1px solid #ccc;
}
th,
td {
  vertical-align: top;
  border: 0.5px solid #ccc;
}
.txtC,
.data .txtC td,
.data .txtC th {
  text-align: center;
}
.txtL,
.data .txtL td,
.data .txtL th {
  text-align: left;
}
.txtR,
.data .txtR td,
.data .txtR th {
  text-align: right;
}
.txtT,
.data .txtT td,
.data .txtT th {
  vertical-align: top;
}
.txtB,
.data .txtB td,
.data .txtB th {
  vertical-align: bottom;
}
.txtM,
.data .txtM td,
.data .txtM th {
  vertical-align: middle;
}
.data th,
.data td {
  padding: 3px 20px;
}
.data thead tr {
  background-color: #fff0f8;
}
.data th {
  color: #000;
  font-weight: bold;
}
/* specification table - extends data table */
.spec {
  padding: 10px;
}
.spec table {
  border-top: 1px solid #e2e2e2;
  border-bottom-color: #fff;
  border-left: none;
  border-right: none;
}
.spec th,
.spec td {
  border: 1px solid #e2e2e2;
  border-width: 1px 0;
  padding-left: 0;
}
.spec .odd,
.spec .even {
  background-color: #fff;
}
/* ====== blockquote ====== */
cite {
  display: block;
  text-align: right;
  padding-top: 10px;
}
/* ====== callout ====== */
.callout {
  font-size: 189%;
  color: #999;
  font-style: italic;
}
.callout cite {
  display: block;
  text-align: right;
  padding-top: 30px;
  font-size: 69.25%;
}
.callout .quot {
  font-size: 500%;
  vertical-align: sub;
  color: #e2e2e2;
  line-height: 25px;
  font-weight: bold;
}
.callout .quotLast {
  vertical-align: middle;
}
/* ====== image treatments (get more from jason santa maria) ====== */
.caption {
  font-size: 13px;
  color: #666666;
  font-style: italic;
  padding-top: 0;
}
/* will need to either
1. find a way to capture the width of the caption in the width of the image or flash
2. Set some default widths, mby use flickr widths?
*/
/*CONTENT END
--------------------------------------------------------------------- */
/* ---------------------------------------------------------------------
DDC BEGIN */
button,
.btn {
  background-color: #eee;
  border: 1px solid #777;
}
button.a:hover {
  background-color: #aaa;
}
.aReportExport {
  background: none;
  border: 0;
  padding: 0;
}
.aReportExport:hover,
.aReportExport:focus {
  background: none;
  text-decoration: underline;
}
.a,
a,
.a:hover {
  cursor: pointer;
}
.ab {
  vertical-align: bottom;
}
.ac {
  text-align: center;
}
.al {
  text-align: left;
}
.am {
  vertical-align: middle;
}
.ar {
  text-align: right;
}
.at {
  vertical-align: top;
}
.b,
table.b td,
tr.b td {
  font-weight: bold;
}
.bb {
  border-bottom: 1px solid black;
}
.bn {
  border: none;
}
.bt {
  border: 1px solid #ccc;
}
.bc1 {
  background-color: #111;
}
.bc3 {
  background-color: #333;
}
.bc5 {
  background-color: #555;
}
.bc7 {
  background-color: #777;
}
.bc9 {
  background-color: #999;
}
.bcA {
  background-color: #aaa;
}
.bcB {
  background-color: #bbb;
}
.bcC {
  background-color: #ccc;
}
.bcD {
  background-color: #ddd;
}
.bcE {
  background-color: #eee;
}
.bcF {
  background-color: #fff;
}
.bcMainA {
  background-color: #576cb3;
}
.c1 {
  color: #111;
}
.c3 {
  color: #333;
}
.c5 {
  color: #555;
}
.c7 {
  color: #777;
}
.c9 {
  color: #999;
}
.cA {
  color: #aaa;
}
.cB {
  color: #bbb;
}
.cC,
h5 {
  color: #ccc;
}
.cD {
  color: #ddd;
}
.cE {
  color: #eee;
}
.cF {
  color: #fff;
}
.cMainA {
  color: #576cb3;
}
.green {
  color: #39b44a;
}
.cab {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.cb {
  clear: both;
}
.df {
  display: flex;
}
.dn {
  display: none !important;
}
.fl {
  float: left;
}
.fs8 {
  font-size: 80%;
}
.fs9 {
  font-size: 90%;
}
.fr {
  float: right;
}
.i {
  font-style: italic;
}
.ib {
  display: inline-block;
}
.ma {
  margin: auto;
}
.n {
  font-weight: normal;
}
.nw {
  white-space: nowrap;
}
.oa {
  overflow: auto;
}
.pa {
  position: absolute;
}
.pn {
  padding: 0;
}
.pnl {
  padding-left: 0;
}
.pnr {
  padding-right: 0;
}
.pr {
  position: relative;
}
.stt {
  text-decoration: line-through;
}
.tdu {
  text-decoration: underline !important;
}
.tc {
  text-transform: capitalize;
}
.tlbr {
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
.u {
  text-decoration: underline;
}
.uc {
  text-transform: uppercase;
}
.vam {
  vertical-align: middle;
}
.vh {
  visibility: hidden;
}
.yw {
  white-space: normal;
}
tr.zs:nth-child(odd) {
  background-color: #efefef;
}
.mb7 {
  margin-bottom: 7px;
}
.mb21 {
  margin-bottom: 21px;
}
.mb28 {
  margin-bottom: 28px;
}
.mb35 {
  margin-bottom: 35px;
}
.mb42 {
  margin-bottom: 42px;
}
.mb49 {
  margin-bottom: 49px;
}
.ml10 {
  margin-left: 10px;
}
.ml14 {
  margin-left: 14px;
}
.ml21 {
  margin-left: 21px;
}
.ml28 {
  margin-left: 28px;
}
.ml35 {
  margin-left: 35px;
}
.ml49 {
  margin-left: 49px;
}
.mr14 {
  margin-right: 14px;
}
.mr21 {
  margin-right: 21px;
}
.mr28 {
  margin-right: 28px;
}
.mt3 {
  margin-top: 3px;
}
.mt7 {
  margin-top: 7px;
}
.mt12 {
  margin-top: 12px;
}
.mt14 {
  margin-top: 14px;
}
.mt21 {
  margin-top: 21px;
}
.pb21 {
  padding-bottom: 21px;
}
.pt2 {
  padding-top: 2px;
}
.pt3 {
  padding-top: 3px;
}
.pt7 {
  padding-top: 7px;
}
.btn {
  padding: 4px;
}
.btn:hover {
  background-color: #ccc;
}
.btn.active {
  border: 3px solid coral;
  font-weight: bold;
  color: #fff;
}
.btn:hover,
.btn:hover * {
  cursor: pointer;
}
form label.error,
form div.error {
  background: indianred;
  color: #fff;
  border: 2px solid #ddd;
  box-shadow: 0 0 2px #777;
  -moz-box-shadow: 0 0 2px #777;
  -webkit-box-shadow: 0 0 2px #777;
  margin-left: 7px;
  padding: 4px 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
#dErrLogin {
  margin-left: 0;
}
input.error,
textarea.error,
select.error {
  border: 3px solid indianRed;
}
tr.error td,
div.tr.error {
  background-color: pink;
}
div.tr.error {
  padding: 7px;
}
@media print {
  .page-break {
    page-break-after: always;
    page-break-inside: avoid;
  }
  a[href]:after {
    content: none;
  }
  .np {
    display: none;
  }
  body {
    margin: 0;
  }
}
div.popup {
  min-height: 140px;
  min-width: 30%;
  padding: 14px;
  margin-bottom: 21px;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}
.appModal h3 {
  color: #39b44a;
  font-size: 135%;
  font-style: normal;
  font-weight: normal;
  padding: 0 0 14px 0;
}
.appModal {
  position: relative;
  box-sizing: border-box;
  max-height: 50vh;
  overflow-y: auto;
}
.appModal > .appModalBody {
  display: flex;
  flex-direction: column;
  min-height: 140px;
}
.appModalClose {
  position: absolute;
  top: 14px;
  right: 14px;
  width: 19.2px;
  height: 19.2px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.appModalClose span::before,
.appModalClose span::after {
  content: '';
  position: absolute;
  top: 8.4px;
  left: 0;
  width: 19.2px;
  height: 1.8px;
  border-radius: 2px;
  background: #333;
}
.appModalClose span::before {
  transform: rotate(45deg);
}
.appModalClose span::after {
  transform: rotate(-45deg);
}
#tHistoryImportResult {
  white-space: pre-line;
}
/*label.ni, div.ni label {padding-left:0;}*/
.hover {
  position: relative;
}
.hover:hover .tooltip {
  display: block;
}
.tooltip {
  display: none;
  position: absolute;
  background-color: #ddd;
  border: 0.5px solid #bbb;
  padding: 2px 5px;
  top: -26px;
  white-space: nowrap;
  color: #777;
}
i.fa-trash {
  color: #bbb;
}
/*DDC END
--------------------------------------------------------------------- */
.ui-sortable-handle {
  -ms-touch-action: none;
  touch-action: none;
}
/* ---------------------------------------------------------------------
5s BEGIN */
ul.menuNav {
  padding-right: 0;
}
.popup_wrapper {
  display: hidden;
}
button.ms-choice,
div.ms-drop {
  border: thin solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font: 12px arial, helvetica, clean, sans-serif;
  margin: 0;
}
button.ms-choice {
  height: 20px;
}
button.ms-choice > span {
  padding: 3px;
}
#divCdSrvyNm .fMtVal {
  width: 40px;
}
#divDrop,
#divDropHst {
  border: 3px dashed #ddd;
  margin-top: 59px;
  width: 350px;
  padding: 27px 0 25px 0;
}
#divDrop.dz-drag-hover,
#divDropHst.dz-drag-hover {
  border-color: black;
}
#divDropTitle,
#divDropHstTitle {
  color: #ccc;
  font-size: 140%;
}
#divDropHst {
  margin-left: 28px;
}
#divHdStc {
  padding-bottom: 14px;
}
#divHdStc img {
  height: 50px;
  width: auto;
}
#divHdStc img:nth-of-type(1) {
  padding-right: 28px;
}
#divSrvy {
  margin: 0 28px 10px 0;
}
#divSrvy > h2 {
  margin-bottom: 10px;
}
#divSrvy > div {
  min-height: 18px;
}
#divSrvy > .tr {
  position: relative;
}
#divSrvy > .tr > h2 {
  padding-bottom: 14px;
}
#divSrvy .aSurveyResponseDataExport {
  position: absolute;
  left: 100%;
  top: 0;
  margin-left: 10px;
  white-space: nowrap;
}
#dOpenCmtGrp {
  padding-top: 4px;
}
#divSt {
  font-size: 120%;
  margin-top: 14px;
}
#divStc div {
  margin: 7px 0;
}
#dPopSubmit {
  font-size: 16px;
  margin-top: 77px;
  position: relative;
}
#dPopSubmitBtns:not(.appModalActions) {
  bottom: 0;
  right: 0;
  padding: 0 14px 14px 0;
  position: absolute;
}
.appModalActions {
  margin-top: auto;
  padding: 14px 0 0;
  position: static;
  text-align: right;
}
#dSrvy input[type=text] {
  width: 300px;
}
#dSrvy input[type=radio] {
  width: 14px;
}
#dSrvy input.sc {
  width: 140px;
}
#dSrvy label:not(.ni) {
  padding: 0 7px;
  width: 49px;
  white-space: nowrap;
}
#dSrvy #divSvOpen {
  width: 80px;
}
#dSrvy #divSvTop,
#dSrvy #divSvExit {
  width: 60px;
}
#dSrvy #divSvTop label,
#dSrvy #divSvExit label {
  width: 28px;
}
#dSrvy #divSvCmtGrp {
  margin-right: 18px;
}
#dSrvy textarea {
  width: 100%;
}
#dSrvy input[name="slLanguage"],
input[name="slFormat"] {
  width: 64px;
}
#dSrvy input[name="slCategory"],
input[name="slFilter"] {
  width: 96px;
}
#dSrvy textarea.slFilter {
  min-width: 100px;
  width: 100%;
}
#fSvOpenB {
  margin-left: 7px;
}
#tSv th {
  white-space: nowrap;
}
#tSv th,
#tSv td {
  padding: 5px;
}
div .divQ {
  margin: 10px;
  padding: 10px;
}
.fBtn {
  color: white;
}
div.divA .fBtn:nth-of-type(1) {
  background-color: #39b44a;
}
div.divA .fBtn:nth-of-type(2) {
  background-color: #2E9044;
}
div.divA .fBtn:nth-of-type(3) {
  background-color: #236C3F;
}
div.divA .fBtn:nth-of-type(4) {
  background-color: #184839;
}
div.divA .fBtn:nth-of-type(5) {
  background-color: #0D2534;
}
div.divInst {
  font-size: 90%;
}
div.dz-preview {
  display: none;
}
th.Format {
  width: 0;
}
td.tdSlLast {
  position: relative;
}
td.tdSlLast .aDelRow {
  bottom: 7px;
  position: absolute;
}
.b1g {
  border-left: 1px solid #ddd;
  border-right: none;
  margin-right: -3px;
  padding: 2px 6px 0 0;
}
/*  5s Report styles BEGIN
    ----------------------------------------------------------------- */
/* Dashboard BEGIN */
#dDashRpt a,
#dDashRpt a:hover {
  color: white;
}
#dDashRpt ul.nav li {
  margin: 7px 0;
}
#dDashRpt i.fa-male {
  font-size: 32px;
}
#dOptRpt label {
  width: 49px;
  display: inline-block;
}
#dOptRpt {
  padding: 0 10px;
}
#dOptRpt > div {
  padding: 3px 0;
}
#dDashRpt {
  position: relative;
  width: 1500px;
  padding: 29px 39px;
  font: 15px "Arial";
}
#dDashRpt #dChartMetrics {
  width: 100%;
}
#dDashRpt #dChartMetrics .ct-bar {
  stroke-width: 21px;
}
#dDashRpt #dChartTrend .ct-bar {
  stroke-width: 30px;
}
#dDashRptRowA {
  height: 470px;
}
#dDashRptRowAa {
  width: 300px;
}
#dDashRptRowAb {
  width: 1150px;
}
#dDashRptRowBa {
  width: 575px;
}
#dDashRptRowBb {
  width: 875px;
}
#dDashRptRowCa {
  width: 725px;
}
#dDashRptRowCb {
  width: 725px;
}
#dDashRptRowAa .dDashBoxBody {
  height: 356px;
}
#dDashRptRowAb .dDashBoxBodyWrap {
  height: 402px;
}
#dDashRpt #dDashRptRowC .dDashBoxBody {
  padding: 0;
}
#dDashRptRowCa .dDashBoxBody > div:not(:last-child),
#dDashRptRowCb .dDashBoxBody > div:not(:last-child) {
  border-bottom: 1px solid #ccc;
}
#dDashRptRowCa .dDashBoxBody > div,
#dDashRptRowCb .dDashBoxBody > div {
  padding: 14px;
}
#dDashRpt #dDashBoxBodyMetrics {
  padding: 0;
}
#dDashRptRowAb .dDashBoxDonut {
  margin-top: 63px;
  margin-left: 49px;
}
#dDashRpt #dLblTrend {
  width: 300px;
}
#dDashRpt #dLblTrend > div {
  padding: 14px 0;
}
#dDashRpt .dChartEngLbl {
  margin: 21px 0 0 45px;
}
#dDashRpt .fAb {
  font-family: "Arial Black";
  font-weight: 100;
}
#dDashRpt .dDashBox,
.dDashBoxHd {
  border-radius: 10px;
}
#dDashRpt .dDashBox {
  border: 1px solid #ccc;
}
#dDashRpt .dDashBox .ct-series-a .ct-slice-donut-solid {
  fill: #39b44a;
}
#dDashRpt .dDashBox .ct-series-b .ct-slice-donut-solid {
  fill: lightgray;
}
#dDashRpt #dDashRptRowBa .ct-series-a .ct-bar {
  stroke: #39b44a;
}
#dDashRpt #dDashRptRowBa .ct-series-b .ct-bar {
  stroke: lightgray;
}
#dDashRpt #dDashRptRowBb .series-a {
  color: #d70206;
}
#dDashRpt #dDashRptRowBb .series-b {
  color: #f05b4f;
}
#dDashRpt #dDashRptRowBb .series-c {
  color: #f4c63d;
}
#dDashRpt #dDashRptRowBb .series-d {
  color: #d17905;
}
#dDashRpt #dDashRptRowBb .series-e {
  color: #453d3f;
}
#dDashRpt #dDashRptRowBb .series-f {
  color: #59922b;
}
#dDashRpt #dDashRptRowBb .series-g {
  color: #0544d3;
}
#dDashRpt .dDashBoxHd,
#dDashRpt .dDashBoxBody {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 23px;
}
#dDashRpt .dDashBoxHd {
  background-color: #1a335f;
  color: white;
}
#dDashRptRowCa .dDashBoxBody > div,
#dDashRptRowCb .dDashBoxBody > div {
  position: relative;
}
#dDashRptRowCa .dDashBoxBody div.ib,
#dDashRptRowCb .dDashBoxBody div.ib {
  max-width: 650px;
}
#dDashRptRowCa .dDashBoxBody div.fr,
#dDashRptRowCb .dDashBoxBody div.fr {
  position: absolute;
  right: 14px;
  top: 14px;
}
#dDashRpt .dDashBoxBody,
#dDashRpt .dChartEngLbl {
  color: #777;
}
#dDashRpt #dDashRptRowA,
#dDashRpt #dDashRptRowB {
  margin-bottom: 49px;
  min-height: 200px;
}
#dDashRpt #dLblTrend .fa {
  font-size: 20px;
}
/* Dashboard END */
#dRpt table {
  width: 100%;
}
#dRpt td,
#dRpt th {
  padding: 4px;
}
#dRpt th {
  font-weight: bold;
  text-align: center;
}
#aImport {
  padding: 0 7px;
}
#dRpt #hRpt {
  border-top: thin solid lightgray;
  margin-top: 7px;
  padding-top: 7px;
}
#dRpt #dKey {
  margin-top: 21px;
}
#dRpt #dKey i,
#dRpt #dQuestions div.slA i,
#dRpt .dBar i {
  display: inline-block;
  height: 14px;
  margin: 0 3px -2.5px 7px;
  width: 14px;
}
#dRpt table.dBar:last-child {
  margin-bottom: 21px;
}
#dRpt table.dBar i {
  margin: 0;
}
#dRpt #dScore {
  padding: 21px;
}
#dRpt #dScore span,
#dRpt div.dBar span {
  height: 21px;
}
#dRpt #dScore div:first-child {
  padding-bottom: 14px;
}
#dPopImport #dDrop {
  border: 3px dashed #ddd;
  box-sizing: border-box;
  padding: 28px 0;
  width: 100%;
}
#dPopImport #dDrop.dz-drag-hover {
  border-color: black;
}
#dPopImport #dDropTitle {
  color: #ccc;
  font-size: 140%;
}
#dRpt #tCv ul {
  margin: 7px 0 0 28px;
  list-style: disc;
}
#dRpt #tCv li {
  list-style: disc;
}
#dRpt div.dBar > span {
  margin: -2px;
}
#dRpt .dI,
#dRpt .dQA {
  padding: 14px 0;
  border-top: 1px solid lightgray;
}
#dRpt .dQ {
  margin-bottom: 10px;
}
#dRpt .bg0 {
  background-color: #0D2534;
}
#dRpt .bg1 {
  background-color: #143C37;
}
#dRpt .bg2 {
  background-color: #1B543B;
}
#dRpt .bg3 {
  background-color: #236C3F;
}
#dRpt .bg4 {
  background-color: #2A8442;
}
#dRpt .bg5 {
  background-color: #319C46;
}
#dRpt .bg6 {
  background-color: #39B44A;
}
#dRpt .bge {
  background-color: #eee;
}
#dRpt .mbt7 {
  margin-bottom: 7px;
  margin-top: 7px;
}
#dRpt .fa-sort-asc {
  font-size: 150%;
  margin-top: -3px;
}
#dRpt .bbc {
  border-bottom: 1px solid #ccc;
}
#dRpt .cmtIds {
  white-space: nowrap;
}
#dRpt .cmtProperty {
  border-left: 3px solid #777;
  margin-top: 12px;
  padding: 4px 6px;
}
#dRpt .cmtId {
  border-radius: 2px;
  cursor: help;
  outline-offset: 1px;
}
#dRpt .cmtId:focus {
  box-shadow: 0 0 0 1px #666;
}
#dRpt .cmtIdSep {
  border-left: 1px solid #999;
  display: inline-block;
  height: 0.85em;
  margin: 0 4px;
  vertical-align: -0.08em;
}
@media print {
  @page {
    margin: 0;
  }
  #dRpt body {
    background: #fff !important;
    color-adjust: exact;
    -webkit-print-color-adjust: exact;
    zoom: 75%;
  }
  #dRpt #hRpt,
  #dRpt #dNav {
    display: none;
  }
}
#dRpt.isAp label {
  padding-right: 7px;
  width: 100px;
}
#dRpt.isAp .lw {
  margin-left: 110px;
}
#dRpt.isAp .fW {
  width: 300px;
}
#dRpt.isAp textarea {
  width: 450px;
  height: 70px;
}
#dSubmit input {
  font-size: 14px;
  padding: 7px 14px;
  cursor: pointer;
}
#bSrvySubmit {
  background-color: #39b44a;
  border: 1px solid #2E9044;
  color: #fff;
}
#bSrvyClose {
  border: 1px solid gray;
}
#divPe textarea,
#divPr textarea {
  border-color: #aaa;
  padding: 2px;
  width: 299px;
}
#tVl textarea {
  width: 800px;
}
/*  5s Report styles END
    ----------------------------------------------------------------- */
/* 5s END
--------------------------------------------------------------------- */
#bodyLogin body {
  padding: 0;
}
#bodyLogin #dBody {
  width: 50%;
  margin: 0 auto 140px auto;
}
#bodyLogin #dHdrA {
  height: 35px;
}
#bodyLogin #dHdrB {
  height: 90px;
}
#bodyLogin #dHdrC {
  height: 99px;
  margin-bottom: 28px;
}
#bodyLogin #dFootA {
  height: 55px;
}
#bodyLogin #dLoginForm {
  padding: 14px;
}
#bodyLogin #dLoginText,
#bodyLogin #dRetrieveText {
  padding: 0 35px 7px 0;
}
#bodyLogin #hSign {
  color: #576cb3;
  padding-top: 35px;
}
#bodyLogin #iLogo {
  margin: 7px 0 0 140px;
  height: 78px;
  width: auto;
}
#bodyLogin #dLoginForm input {
  width: 100%;
  margin: 5px 0;
  padding: 2px;
}
#bodyLogin #dLoginForm label {
  display: block;
  margin: 5px 0;
}
#bodyLogin input#bLogin,
#bodyLogin input#bRpw {
  border: none;
  padding: 7px;
  width: 100%;
}
#bodyLogin #bLogin:hover,
#bodyLogin #bRpw:hover {
  background-color: #576cb3;
}
#bodyMenu #dChartTrend .ct-series .ct-bar {
  stroke-width: 10% !important;
}
#bodyMenu .ct-bar-label {
  fill: #fff;
  font-weight: bold;
}
#bodyMenu #rptMenuMsg {
  position: absolute;
  width: 100%;
  top: 300px;
}
#bodyPeo th,
#bodyPeo td {
  padding: 5px;
}
#bodyPeo input:not([type=checkbox]) {
  width: 300px;
}
#bodyPeo label {
  padding-right: 7px;
  width: 100px;
}
#bodyPeo #divCdShow h3,
#bodyPeo #divCdShow h4 {
  padding-left: 0;
}
#bodyPeo div.divPopClose {
  border: 0.5px solid #ccc;
  margin: -14px -14px 0 0;
  padding: 2px 7px;
}
#bodyPeo div.divPopClose:hover {
  background-color: #ddd;
}
#bodyPeo #divProp > div,
#bodyPeo #divPrList,
#bodyPeo #divPrEa,
#bodyPeo #divCdShow,
#bodyPeo #divCdList,
#bodyPeo div[class^=divCd] {
  padding: 0 10px;
}
#bodyPeo div.a.aAddCode {
  margin-top: 14px;
}
#bodyPeo div.ib {
  padding: 0 5px;
}
#bodyPeo div.ni input {
  width: auto;
}
#bodyPeo div.popup .btn {
  margin-top: 14px;
}
#bodyPeo div.popup input.fCount {
  width: 35px;
}
#bodyPeo div.sv {
  padding: 0 10px;
}
#bodyPeo div.tr[class^=divCd] {
  padding-bottom: 7px;
}
#bodyPeo div.tr:not(:first-child) {
  padding-top: 7px;
}
#bodyPeo div[class*=divCdUsed] {
  border-bottom: 0.5px solid #ccc;
  padding-top: 3px;
}
#bodyPeo #dImg {
  border: 2px dashed #ddd;
  width: 286px;
  padding: 7px;
}
#bodyPeo #dImg.dz-drag-hover {
  border-color: black;
}
#bodyPeo #dImgTitle {
  color: #ccc;
  font-size: 140%;
  padding: 20px 0 18px 0;
}
#bodyPeo #imgCli {
  height: 40px;
  width: auto;
}
#bodyPeo #tLdp th {
  font-weight: bold;
}
#bodyPeo div.dCd,
#bodyPeo span.sCdCode {
  width: 110px;
}
#bodyPeo div.dDt {
  width: 140px;
}
#bodyPeo div.dCdPct {
  width: 55px;
}
#bodyPeo span.sCdCode {
  font: 11px "Lucida Console", Monaco, monospace;
}
#bodyPeo input.fCdOmit {
  margin-right: 7px;
}
#bodyPeo .cboxInForm {
  margin-left: 100px;
  margin-top: 4px;
}
#bodyPeo .cboxInForm input {
  margin-right: 3px;
}
#bodyUsr th,
#bodyUsr td {
  padding: 5px;
}
#bodyVlist th,
#bodyVlist td {
  padding: 5px;
}
#bodyVlist input[name='vlValue'] {
  width: 800px;
}
#bodyRpt #rptMenuMsg {
  position: absolute;
  width: 100%;
  top: 300px;
}
html.darkmode {
  color: #bbb;
  background: #222;
}
html.darkmode input,
html.darkmode select,
html.darkmode textarea,
html.darkmode #divPe textarea,
html.darkmode #divPr textarea,
html.darkmode #divDrop,
html.darkmode #divDropHst {
  color: #bbb;
  background: #222;
  border-color: #444;
}
html.darkmode input,
html.darkmode select {
  background-color: #222;
  color: #eee;
  border: 1px solid #444;
  padding: 1px 2px;
}
html.darkmode input,
html.darkmode select,
html.darkmode td,
html.darkmode th {
  border: 1px solid #444;
}
html.darkmode select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}
html.darkmode #bodyPeo #dImg {
  border-color: #444;
}
html.darkmode .ms-choice {
  border: 1px solid #333;
  background-color: #222;
}
html.darkmode * {
  scrollbar-color: #777 #333;
}
html.darkmode * ::-webkit-scrollbar {
  width: 10px;
}
html.darkmode * ::-webkit-scrollbar-track {
  background: #333;
}
html.darkmode * ::-webkit-scrollbar-thumb {
  background: #777;
}
html.darkmode * textarea {
  resize: both;
  scrollbar-color: #777 #333;
}
/*# sourceMappingURL=style.css.map */