/* @since 2018-08-28 4.572 -jl- For now, make it look a little more like Bootstrap. */
input{ border-radius: 2px; border: 1px solid lightgray; }

/* @since 2018-04-09 4.541 -jl- LTE add back in some box-sizing settings for legacy UI elements we still use for now - like datepicker */
#popUpMaster{ box-sizing: content-box; }
#popUpMaster span{ box-sizing: content-box; }

.devException{ width: 98%;white-space: pre-wrap;white-space: -moz-pre-wrap; }

/* 'report' css now in css.report.php */
.searchTerm { color:black; font-weight:bold; }
.searchTerm:hover { color:blue; }
span.forCheckbox { padding-top:3px; }
p.tiny      { height:1px; padding:0; margin:0; }
hr.hr       { height:5px; }
strong      { font-weight:bold;} /* For Firefox, which otherwise ignores this tag */
.floatLeft  { position:relative; float:left; }
.floatRight { position:relative; float:right; }
.absolute   { position:absolute;}
.inlineBlock { display:inline-block; }
.fixed      { position:fixed;}
.hidden     { display:none;}
.clearBoth  { position:relative; clear:both; }
.smallP     { height:1px; font-size:1px;}
.noseeum    { height:0px; width:1px; margin:0px; padding:0px; border:none;}
.oddLine    { background-color:#eee; }
.evenLine   { background-color:white; }
.fullWidth  { width:100%; }
.width90    { width:90%; }
.width90f   { width:90%; margin-left:5%; margin-right:5%; }
.noYScroll  { overflow-y:hidden; }
.noXScroll  { overflow-x:hidden; }
.autoWidth  { width:auto; }
.bdWidth    { width:98%; }
.block      { display:block; }
.inline     { display:inline; }
.inBlock    { display:inline-block; }
.inlineBlock { display:inline-block;}
.stdFont    { font-family:"Sans Serif",Arial, adobe-times-iso1064601,Verdana,Georgia,"Times New Roman",Times,serif; font-size:6pt;}
.helpFont   { font-family:"Sans Serif",Arial, Verdana,arial,adobe-times-iso1064601,Georgia,"Times New Roman",Times,serif; font-size:14px;}
.inputFont  { font-family:"Sans Serif",Arial, adobe-times-iso1064601,Verdana,Georgia,"Times New Roman",Times,serif; font-size:8pt;}
.pointer    { cursor:pointer; }
.noPointer  { cursor:auto; }
.ohu:hover  { text-decoration:underline;}
.stdPad     { padding: 1px; }
.stdMargin  { margin:5px; }
.stdHeight  { height:15px; }
.padRight   { padding-right:5px;}
.padRightBig { padding-right:10px;}
.padLeft    { padding-left:5px;}
.padTop     { padding-top:3px;}
.padBottom  { padding-bottom:3px;}
.marginRight { margin-right:5px; }
.marginLeft  { margin-left:5px; }
.marginTop   { margin-top:3px; }
.marginBottom { margin-bottom:3px; }
.isLink     { color:#1669A7; }
.center     { text-align:center;}
.right      { text-align:right;}
.left       { text-align:left;}
.bold       { font-weight:bold;}
.bold:hover { font-weight:bold;}
.noWrap     { white-space:nowrap; overflow:hidden;}
.yesWrap    { white-space:normal; overflow:auto;}
.hideWrap   { overflow:hidden; }
.noOutline  { outline:none; }
.yslider    { overflow-y:auto;}
.xslider    { overflow-x:scroll;}
.yslider_auto { overflow-y:auto; }
.xslider_auto { overflow-x:auto; }
.isLink:hover { text-decoration:underline; background-color:yellow;}
.stdTitle   { background-color:#107E77; color:white; font-size:12pt;}
.stdTitleText { padding:5px 0 5px 25%; width:50%; text-align:center;}
.icon { cursor:pointer; margin:1pt;}
 .link   {color:#1669A7; cursor:pointer; }
 .link:hover {text-decoration:underline; cursor:pointer; }
 .clearLink { text-decoration:none; }
 .clearLink:hover { text-decoration:underline; }
 .topRound  { border-radius: 3px 3px 0px 0px; }
 .botRound  { border-radius: 0px 0px 3px 3px; }
 .allRound  { border-radius: 5px;}
 .allSmallRound  { border-radius: 2px;}
 .noRound   { border-radius: 0; }
 .tinyRound { border-radius: 4px;}
 .leftRound { border-radius: 10px 0 0 10px;}
 .rightRound { border-radius: 0 10px 10px 0;}
 .border { border:1px solid #107E77; display:inline-block; padding:10px;}
 .whiteBorder { border:1px solid white; display:inline-block; padding:10px;}
 .heavyBorder { border:1px solid black; display:inline-block; padding:10px;}
 img.link {width: 16px; height: 16px; padding: 1px; cursor: pointer;}
 img.link:hover { padding:0px; border:1px solid white; }
 img.icon { }
 img.iconNP {width: 16px; height: 16px;}
.tiny { font-size:10px; }
.orange {}
.orange:hover { background-color:orange; }
.yellow {}
.yellow:hover { background-color:yellow; }
.clearLeft { clear:left; }
span.warning { color:red; font-weight:bold; }
.thumbnail{
 overflow-wrap: break-word;
}
/* Std links */
/* 2024-06-17 -aam- LEO-164: Icons are now buttons */
button.iLink       { margin:1px; border:1px solid transparent; cursor: pointer;}
button.iLink:hover { border:1px solid yellow; }

/* 2024-07-19 -aam- LEO-467: Remove sprite styles */

/* xlist */
span.xspan { background-color:white; color:black; padding:0; margin:0; }
span.xspanLine { padding:3px 10% 3px 5%; width:85%; }
span.xspanLine:hover { background-color:orange; }
span.xshdow { background-color:#c0c0c0; }
span.xspanTitle { width:90%; padding:0 5% 0 5%; }
span.xspanTitleText { width:90%; font-weight:bold; }
span.xspanTitleX { width:10; text-align:center; font-weight:bold; }
span.xspanTitle:hover { background-color:yellow; }

 /** NICE Error css **/
 span.errMain
 {
  position: fixed; left: 50%; top: 25% !important; transform: translate(-50%, -85%);
  width:60%;
  background-color:#808080;
  font-size:16px;
  color:black;
  z-index:12000;
  max-height:500px;
  overflow:hidden;
 }
 span.errTitleBar { font-size:18px; background-color:#107e77; color:white;  }
 span.errTitle    { padding:5px 0 5px 15%; width:70%; }
 span.errContent
 {
  padding:10px 10px 5px 10px; width:100%; background-color:white; color:#303030; font-size:16px; overflow-y:auto; overflow-x:hidden; max-height:460px; border-radius: 0px 0px 3px 3px;

 }
 span.badBrowser  { color:black; font-weight:bold; font-size:15px; }
 span.errLine
 {
  padding:10px 10px 5px 10px;
  /*margin:5px 0 25px 0;*/
  width:90%;
  border-bottom:1px dashed black;
  font-size:13px;
 }
 span.noErrMain { top:0; left:0; margin:20px 0 0 10%; width:80%; border:2px solid green; font-size:16px; color:black; z-index:12000; max-height:500px; }
 span.noErrTitleBar { font-size:24px; background-color:green; color:white; font-weight:bold; }
 span.noErrTitle { padding:5px 0 5px 15%; width:70%; }
 span.noErrContent { padding:5px 0 20px 0; color:black; background-color:#90ee90; overflow-y:auto; overflow-x:hidden; }
 span.noErrLine { padding:5px 5% 5px 5%; width:90%; border-bottom:1px solid green; font-size:20px; font-weight:bold;}

 /** yesNo css **/
 /* @since 2018-05-30 4.550 -jl- change top from 25% to 100px. % can go too far for long screens. */
 span.ynMain     {  position: fixed; left: 50%; top: 150px !important; transform: translate(-50%, -25%); max-width:500px;  background-color:transparent; }
 span.ynTitleBar { font-size:22px; background-color:#107e77; color:#FFFFFF; text-align: center; border-radius: 3px 3px 0px 0px; padding: 5px 0px 5px 0px;}
 span.ynTitle    {  }
 /* @since 2019-05-16 4.615 -jl- ZHB1979: reduce font size from 16 to 14 */
 span.ynContent  { padding:10px 10px 5px 10px; width:100%; background-color:white; color:#303030; font-size:14px; overflow-y:auto; overflow-x:auto; border-radius: 0px 0px 3px 3px;}
 /** 2023-12-14 JAN DEV-349 :: Make ynButton target for anchor element. Add hover/focus so that a:focus/hover don't inject */
 a.ynButton,
 a.ynButton:active
  {
    background-color:#107e77;
    color:#FFFFFF;
    margin:5px;
    padding:5px;
    border:1px solid #0E706A;
  }

 /** Simple CSS - css for yesNo without padding, margins **/
 /* @since 2018-08-19 4.568 -jl- drop font size suiTitleBar when has id = ewfSheet_title. */
 #ewfSheet_title  { font-size: 16px !important; margin-top: 15px !important; padding-left:12% !important; display:inline-block !important;}
 span.suiMain     { top:0; left:0; margin:0; padding:0; width:80%; max-width:600px; max-height:500px; background-color:transparent; }
 span.suiTitleBar { padding:0; margin:0; font-size:18px; background-color:#107e77; color:#FFFFFF; border: 1px solid #107e77; border-radius:  3px 3px 0px 0px;}
 span.suiTitle    { padding:5px; margin:0; width:92%; }
 span.suiContent  { height: auto !important; padding:0; margin:0; background-color:white; color:#303030; font-size:14px; overflow-y:auto; overflow-x:hidden; }
 span.suiButton   { background-color:#107e77; color:#FFFFFF; font-weight:bold; margin:5px; padding:5px; border:1px solid #0E706A; }

 /** Bottom Status Bar **/
 span.statusBar0  {position:fixed; bottom:0px; left:3%; height:20px;  width:92%; border:1px solid gray; border-bottom:none; background:beige; z-index:75; padding:0; margin:0}
 span.statusBar1  {position:fixed; bottom:0px; left:335px; height:20px;  width:70%; border:1px solid gray; border-bottom:none; background:beige; z-index:75; padding:0; margin:0}
 span.statusItem {position:relative; float:left; bottom:0px; height:12px; padding:4px 8px;}
 .statusLink {text-decoration:none;}
 .statusLink:hover { text-decoration:underline;}

 table.body { border: none; }

 a.std {text-decoration:none; font-size: 12px;}
 a.std:link { color: white; text-decoration: none; font-weight: normal;}
 a.std:visited { color: white; text-decoration: none; font-weight: normal;}
 a.std:active { color: white; text-decoration: none;}
 a.std:hover { color: yellow; text-decoration: none; font-weight: normal;}

 /* @since 2019-02-08 4.601 -jl- ZHT1271: show udnerlines for links */
 /* @since 2019-02-08 4.601 -jl- ZHT1271: show underlines for links */
 /* @since 2019-03-06 4.607 -jl- restore underlines */
 /* @since 2019-04-10 4.612 -jl- nuke the underlines */
 a.link { text-decoration:none; }
 a.link:link { color: #1669A7; text-decoration: none; font-weight: normal;}
 a.link:visited { color: #1669A7; text-decoration: none; font-weight: normal;}
 a.link:active { color: #1669A7; text-decoration: none;}
 a.link:hover { color: #1669A7; text-decoration: underline; font-weight: normal;}


 /* Rounded Corner Frame (Gecko) */
 .side
 {
  padding:15px;
  background-color: #EEF;
  border: 2px solid #00A;
  color:#333;
  font-size:x-small;
  font-weight:normal;
  line-height:140%;
  margin-bottom: 15px;
  border-radius: 10px;
 }
 .side h3 { font-size: small; margin-bottom: 3px; }
 .side ul { padding: 0px; margin: 0px; list-style: none; }
 .side li { text-indent: -1em; margin-left: 1em; }

 /* @since 2015-10-10 4.289 -dsmw- CSS for custom checkbox list in an input screen */
 /* @since 2018-08-28 4.572 -jl- remove beige background. Adjust border*/
 span.checkBoxGroup { color:black; border-radius: 2px; border: 1px solid lightgray; padding:5px; width:100%;  }
 /* @since 2018-08-28 4.572 -jl- pad each line */
 span.checkBoxGroup span.fullWidth{ padding-top: 3px; }
 span.checkBoxLine  { width:30%; padding-left:5px; }
 /* @since 2018-08-28 4.572 -jl- add padding-left */
 span.checkBoxLabel { padding-left: 5px;}

 /* Define Input fields.. data entry (de) */
 div.input_options
 {
  text-align: left;
 }
 span.input_options
 {
  font-size:14px;
  text-align: left;
  margin:0;
  padding:0;
 }
 table.input_options
 {
  border-collapse: initial;
  border: 0px;
  width:  740px;
  min-width: 740px;
  font-size: 8pt;
 }

 table.input_optionsShort
 {
  border-collapse: initial;
  border: 0px;
  width:  375px;
  min-width: 375px;
  font-size: 8pt;
 }

 td.input_options_right
 {
  border-collapse: initial;
  border: 0px;
  font-size: 8pt;
  text-align: right;
 }

 table.input
 {
  /* @since 2018-05-29 4.550 -jl- ZHT571: Increase font size */
  background-color: #ffffff;
  font-size: 12px;
  border: 1px solid #107E77;
   border-collapse: initial;
  /*width: 600px;*/
  min-width: 600px;
  padding-bottom:5px;
 }
 table.input_header
 {
  background-color: #107E77;
  color: white;
  border-collapse: initial;
  font-size: 8pt;
  /*width: 600px;*/
  min-width: 600px;
 }
 table.input_long
 {
  background-color: #ffffff;
  font-size: 8pt;
  border: 1px solid #107E77;
  border-collapse: initial;
  /*width: 600px;*/
  min-width: 600px;
 }
 A.input:link { color: white; text-decoration: none; font-weight: normal;}
 A.input:visited { color: white; text-decoration: none; font-weight: normal;}
 A.input:active { color: white; text-decoration: none;}
 A.input:hover { color: white; text-decoration: none; font-weight: normal;}

 td.inputHeader { background-color: #107E77; color: white; text-align: right; }
 th.input { background-color: #107E77; color: white; text-align: center; }
 th.input_long { background-color: #107E77; color: white; }
 tr.input { background-color: #ffffff; }
 td.input { padding: 5px 5px 3px 2px; background-color: #ffffff; }
 td.inputNC
 {
  padding-top: 5px;
  padding-left: 2px;
  padding-right: 5px;
  padding-bottom: 3px;
 }
 td.input_long
 {
  padding-top: 5px;
  padding-left: 2px;
  padding-right: 5px;
  padding-bottom: 3px;
  background-color: #ffffff;
 }
 select.input_big
 {
  /* @since 2018-08-28 4.572 -jl- set to normal font size. No background-color on inputs. no border, no color */
  /*background-color: #efeaf6;
  color: black;*/
  width: 250px;
  /*border-bottom: solid gray 1px;
  border-top: solid gray 1px;
  border-left: solid gray 1px;
  border-right: solid gray 1px;*/
  padding-left: 3px;
  /* @since 2018-05-29 4.550 -jl- ZHT571: Increase font size */
  font-size: 12px !important;
 }
 input.input
 {
  /* @since 2018-08-28 4.572 -jl- set to normal font size. No background-color on inputs. no border, no color */
  /*background-color: #efeaf6;
  color: black;
  border: solid gray 1px;*/
  padding-left: 3px;
  /* @since 2018-05-29 4.550 -jl- ZHT571: Increase font size */
  font-size: 12px !important;
 }
 input.input_numeric
 {
  /* @since 2018-08-28 4.572 -jl- set to normal font size. No background-color on inputs. no border, no color */
  /*background-color: #efeaf6;
  color: black;
  border: solid gray 1px;*/
  padding-left: 3px;
  /* @since 2018-05-29 4.550 -jl- ZHT571: Increase font size */
  font-size: 12px !important;
  width:90px;
  text-align:right;
 }
 input.input_long
 {
  /* @since 2018-08-28 4.572 -jl- No background-color on inputs. no border, no color */
  /*background-color: #efeaf6;
  color: black;
  border: solid gray 1px;*/
  padding-left: 3px;
  width: 300px;
  /* @since 2018-05-29 4.550 -jl- ZHT571: Increase font size */
  font-size: 12px !important;
 }
 input.input_medium
 {
  /* @since 2018-08-28 4.572 -jl- No background-color on inputs. no border, no color */
  /*background-color: #efeaf6;
  color: black;
  border: solid gray 1px;*/
  padding-left: 3px;
  width: 200px;
  /* @since 2018-05-29 4.550 -jl- ZHT571: Increase font size */
  font-size: 12px !important;
 }
 input.input_short
 {
  /* @since 2018-08-28 4.572 -jl- set to normal font size. No background-color on inputs. no border, no color */
  /*background-color: #efeaf6;
  color: black;
  border: solid gray 1px;*/
  padding-left: 3px;
  width: 75px;
  font-size: 12px !important;
 }
 textarea.input_small
 {
  /* @since 2018-08-28 4.572 -jl- set to normal font size. No background-color on inputs. no border, no color */
  /*background-color: #efeaf6;
  color: black;
  border: solid gray 1px;*/
  padding: 3px;
  width: 500px;
  height: 50px;
  /* @since 2018-05-29 4.550 -jl- ZHT571: Increase font size */
  font-size: 12px !important;
 }
 textarea.input
 {
  /* @since 2018-08-28 4.572 -jl- set to normal font size. No background-color on inputs. no border, no color */
  /*background-color: #efeaf6;
  color: black;
  border: solid gray 1px;*/
  padding: 3px;
  width: 500px;
  height: 100px;
  /* @since 2018-05-29 4.550 -jl- ZHT571: Increase font size */
  font-size: 12px !important;
 }
 textarea.input_medium
 {
  /* @since 2018-08-28 4.572 -jl- set to normal font size. No background-color on inputs. no border, no color */
  /*background-color: #efeaf6;
  color: black;
  border: solid gray 1px;*/
  padding: 3px;
  width: 500px;
  height: 200px;
  /* @since 2018-05-29 4.550 -jl- ZHT571: Increase font size */
  font-size: 12px !important;
 }
 textarea.input_long
 {
  /* @since 2018-08-28 4.572 -jl- set to normal font size. No background-color on inputs. no border, no color */
  /*background-color: #efeaf6;
  color: black;
  border: solid gray 1px;*/
  padding: 3px;
  width: 500px;
  height: 300px;
  /* @since 2018-05-29 4.550 -jl- ZHT571: Increase font size */
  font-size: 12px !important;
 }
 .input_button, button.input_button
 {
  background-color: #107E77;
  color:white;
  border:solid #107E77 1px;
  border-radius: 2px;
  /* @since 2018-05-29 4.550 -jl- ZHT571: Increase font size */
  font-size: 1em;
  font-weight:normal;
  padding:2px 5px;
  margin-bottom:2px;
  cursor:pointer;
 }
 .input_button:hover { /*background-color:yellow; border-color:red; */ }
 span.button
 {
  /*background-color: #107E77;
  color:white;
  border:solid gray 1px;*/
  /* @since 2018-05-29 4.550 -jl- ZHT571: Increase font size */
  font-size: 1em;
  font-weight:normal;
  padding:2px 4px;
  margin:0px;
  text-align:center;
 }
 span.button:hover
 {
 /* background-color: #ccff66;
  cursor:pointer;
  font-weight:bold;
  background-color:yellow;
  border-color:red;*/
 }
 /* use input.enablefiled() rather than applying this CSS */
 .input_button_disabled, .input_button_disabled:hover
 {
  background-color:silver;
  color:#777;
  border:solid gray 2px;
  /* @since 2018-05-29 4.550 -jl- ZHT571: Increase font size */
  font-size: 1em;
  font-weight:normal;
  font-style:italic;
  padding:2px;
  text-align:center;
 }

 .wysiwyg { width: 350px; height: 150px; }
 .wysiwyg_medium { width: 450px; height: 250px; }
 .wysiwyg_long { width: 550px; height: 350px; }

 /* Define Select List fields */
 select.input
 {
  /* @since 2018-08-28 4.572 -jl- set to normal font size. No background-color on inputs. no border, no color */
  /* background-color: #efeaf6;
  color:black;
  border:solid gray 1px;*/
  min-width:150px;
  max-width:400px;
  /* @since 2018-05-29 4.550 -jl- ZHT571: Increase font size */
  font-size: 1em;
  padding-left: 3px;
 }

 /* 'Error' format */
 table.error
 {
  color: white;
  background-color: red;
  font-size: 12pt;
  padding-left: 3px;
  padding-bottom: 3px;
 }

 /* Event formatting */
 table.events
 {
  border: none;
  font-size: 9px;
 }
 th.events
 {
  font-size: 9px;
  font-weight: bold;
  text-align: center;
 }
 td.events
 {
  font-size: 9px;
  text-align: left;
 }

 /* Define behavior for the title lines in user windows */
 table.title
 {
  border: none;
  padding: 0;
  width: 298px;
  min-width: 298px;
  max-width: 298px;
 }
 td.title
 {
  text-align: left;
  padding-left: 15px;
  background-color: #3729ea;
  color: white;
  width: 280px;
  min-width: 280px;
  max-width: 280px;
  height: 10px;
  font-size: 10px;
 }
 td.title_left
 {
  text-align: right;
  height: 10px;
  width: 9px;
  min-width: 9px;
  max-width: 9px;
 }
 td.title_right
 {
  text-align: left;
  height: 10px;
  width: 9px;
  min-width: 9px;
  max-width: 9px;
 }
 table.text
 {
  border: 1px solid gray;
  width: 292px;
  min-width: 292px;
  max-width: 292px;
 }
 td.text
 {
  width: 292px;
  min-width: 292px;
  max-width: 292px;
  background-color: white;
  color: black;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 12px;
 }

 .calendar
 {
  color: white;
  background-color: blue;
  position: absolute;
  opacity: 1;
  top: 10px;
  left: 30px;
  width: 790px;
  height: 825px;
  z-index: 99;
  visibility: hidden;
  font-size: 9pt;
 }

 .custom_code_error { font-size: 12pt; color: red; }
 div.link
 {
  width: 180px;
  background-color: white;
  color: black;
  padding-top: 30px;
  padding-left: 2px;
  padding-bottom: 2px;
  padding-right: 2px;
  border: 1px dashed black;
 }
 #close { float: right; }

div.roInputField
{
 border: 1px solid black;
 padding:3px;
 font-size:12px;
 color:#1B4966;
 background-color:#FFFFFF;
 opacity: 0.85;
}

a img { border: none; }

/* Note that zindex needs to be less than the error zindex */
/* @since 2018-08-30 4.572 -jl- just need z-index, position, width and left. bootstrap handles the rest */
/* @since 2019-03-15 4.607 -jl- move this up vertically on screen */
.showStatus
{
width: 80%;
    left: 15%;
    top: 15%;
    position: absolute;
    z-index: 11000;
}
/* Applied to a new span above a field */
.diabledField
{
 background-color: #000000;
 color: #FFFFFF;
 position: absolute;
 opacity: 0.5;
 z-index:9999;
 top:0;
 left:0;
 height:0;
 width:0;
 border:solid #808080 2px;
}
/* Overlay CSS for a screen-wide overlay */
div.overlay
{
 background-color: #000000;
 color: #FFFFFF;
 position: absolute;
 opacity: 0.5;
 top: 0px;
 left: 0px;
 padding: 30% 0 0 0;
 text-align: center;
 font-Size: 20px;
 width:100%;
 height:100%;
 z-index:9999;
}
/* cloak message and progess Bar CSS */
div.cloakMain
{
 overflow:hidden;
 display:inline-block;
 background: rgba(0, 0, 0, 0.7);
 top:0px;
 left:0px;
 padding:30% 0 0 0;
 text-align:center;
 font-size:20px;
}
span.cloakMessage
{
 display:none;
 text-align:center;
 padding:25px;
 color:black;
 background-color:white;
 border-radius: 5px;
 border:1px solid white;
 font-size:18px;
 position: fixed;
 top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
div.warning
{
 /* @since 2018-05-30 4.550 -jl-   change warning.top from 18% to 150px. % can go too far for long screens. */
 /* @since 2018-08-08 4.563 -jl-   adjust font. */
 /* @since 2018-09-04 4.572 -jl-   adjust top, width, height, max-height. */
 /* @since 2019-03-15 4.607 -jl-   adjust bgrnd color and border to help these stand out more when on screen - esp. over an Input screen */
 padding:15px;
 margin:15px;
 position: aboslute;
 left: 15%;
 top: 100px;
 width: 70%;
 min-width:100px;
 max-width:680px;
 max-height:500px;
 overflow-y:auto;
 border:2px solid #107E77;
 border-radius: 5px;
 background-color:white;
 color:black;
 font-size:14px;
 font-weight: 600;
}
/* @since 2018-08-08 4.563 -jl-   adjust font. */
div.warning p {
 font-size: 14px !important;
 font-weight: 400;
 padding: 10px 0px;
 border-top: 1px dashed lightgray;
 margin-top: 5px;
}
div.progressBar
{
 display:inline-block;
 text-align:left;
 margin:0;
 padding:0;
 width:100px;
 height:12px;
 background-color:black;
 color:white;
 font-size:8px;
 border:1px solid black;
 white-space:nowrap;
}
span.progressDone
{
 display:block;
 left:0px;
 margin:0;
 padding:0;
 height:12px;
 width:0px;
 max-width:100px;
 background:yellow;
 color:white;
 font-size:8px;
 white-space:nowrap;
}
br.progressBar {display:block; height:5px; width:1px; padding:0; margin:0; border:none; font-size:1px;}

/* CSS for custom checkbox lists for 4GL input screens */
span.filterSpan { border:1px solid black; padding:2px; background-color:beige; width:95%; max-height:125px; }
input.filterBox { max-width:7%; padding-right:2%; }
span.filterName { max-width:80%; }

div.hoverBox { position:absolute; background:none; width:300px; color:black; z-index:250;}
div.hoverBoxTop {position:relative; background:#cacfd4; height:20px; width:260px; float:left; display:block;}
div.dragMe { cursor:move; }
div.hoverBoxContent { position:relative; float:left; background:#cacfd4; display:block; padding:0 20px; width:260px; height:150px; margin:0; vertical-align:top;}
img.hoverBoxRight {position:relative; float:right;}
img.hoverBoxLeft {position:relative; float:left;}
img.hoverBoxIcon {position:relative; float:right; cursor:pointer; margin-left:5px;}
.trayicon {position:relative; float:right; margin:2px; cursor:pointer;}

img.tinyPhoto {height:50px; width:50px; border:1px solid #c0c0c0; }
img.mediumPhoto { height:150px; width:150px; border:1px solid #c0c0c0; }

/* For right click menu of items in std reports */
span.rcmenu { background-color:white; border:2px solid black;}
span.iMenu { border:1px solid black; min-width:100px; color:black; background:#dcdcdc;}
span.iMenuHeader { background:#dcdcdc; color:black; border-bottom:1px solid black; padding:2px 0 2px 0;}
span.iMenuTitle { text-align:center; font-weight:bold; font-size:10pt; margin-left:20%; width:60%; }
a.iMenuLink { text-decoration:none; font-size:9pt; color:black;}
a.iMenuLink:hover {text-decoration:underline; background-color:yellow;}
img.iMenuIcon:hover {background-color:yellow;}
.helpMain      { padding:0; margin:0; }
.helpTitle     { width:90%; margin:5px 0 0px 3%; padding:3px 0 10px 0; background-color:#107E77; color:white; border: 1px solid #107E77; }
.helpTitleText { width:80%; padding:8px 0 0 10%; font-size:25px; font-weight:bold; color:white; }
.helpOptions   { width:90%; margin:0 0 0 3%; padding:0; }
.helpBody      { width:90%; margin:0 0 0 3%; padding:15px;   border: 1px solid gray; border-radius: 2px; font-size: 14px; }

/* Overlay css */
span.help_span {top:50px; left:10%; width:80%;  color:white; background-color:#107E77; padding:0; margin:0; min-width:450px; overflow:hidden;}
span.help_title { background-color:#107E77; padding:0; margin:0; }
span.help_title_text { background-color:#107E77; color:white; font-size:18px; font-weight:bold; padding:5px 0 5px 20%; width:60%;}
span.help_content { padding:5px 4%; width:100%; color:black; background-color:white; font-size:15px; font-weight:normal; overflow-y:auto; overflow-x:hidden;}
div.pageLink {text-decoration:underline;}
#reportName { position: absolute; visibility: hidden; left: 0px; right: 0px; height: 0px; width: 0px; padding: 0px; margin: 0px;}
#resortWindow
{
 position: absolute;
 background: beige;
 color: black;
 z-index: 20;
 width: 300px;
 height: 200px;
 border: 1px solid gray;
 padding: 3px;
}
#resortShadow
{
 position: absolute;
 background: #d3d3d3;
 opacity: 0.5;
 width: 300px;
 height: 200px;
 padding: 3px;
 z-index: 10;
}
#resortTitle
{
 background-color: blue;
 color: white;
 font-weight: bold;
 font-size: 12px;
 padding: 2px;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 302px;
 text-align: center;
}
#resortX
{
 position: absolute;
 background-color: blue;
 text-align: right;
 top: 0px;
 left: 290px;
 width: 16px;
 height: 16px;
 border: none;
 text-decoration: none;
}
span.seltext
{
 position: absolute;
 left: 20px;
 text-align: right;
 width: 90px;
 font-size: 10px;
}
select.selsel
{
 position: absolute;
 left: 120px;
 text-align: right;
 width: 170px;
 font-size: 10px;
}
option.selsel
{
 text-align: left;
}


#reportDIV
{
 position: absolute;
 width: 767px;
 height: 750px;
 top: 0px;
 left: 0px;
 background-color: white;
 font-size: 10px;
}
#reportSPAN
{
 position: absolute;
 top: 10px;
 left: 5px;
 width: 757px;
 color: black;
 font-size: 10px;
}

span.reportLineEven
{
 position: absolute;
 left: 0px;
 height: 25px;
 width: 757px;
 background-color: #ffff99;
 color: black;
 font-weight: normal;
}

span.reportLineOdd
{
 position: absolute;
 left: 0px;
 height: 25px;
 width: 757px;
 background-color: #ffffcc;
 color: black;
 font-weight: normal;
}

span.reportCell
{
 position: absolute;
 top: 0px;
 height: 23px;
 text-align: left;
}
/* If not a link, then we use this definition */
span.reportData
{
 position: absolute;
 top: 3px;
 padding-left: 4px;
 padding-top: 4px;
 height: 20px;
 color: black;
}
/* If element in the report is a link then we use this css */
a.reportLink
{
 top: 0px;
 padding-left: 4px;
 padding-top: 4px;
 height: 19px;
 display: block;
 text-decoration: none;
 color: black;
}
a.reportLink:hover {background-color: #82cafa;}

/* div.optClass { width: 100%; text-align: left; } */
div.optClass { width:99%; text-align: left; padding:2px 1% 2px 10px; }
img.downArrow { position: absolute; top: 8px; left: 80%; padding-left: 10px; }
img.upArrow { position: absolute; top: 1px; left: 85%; padding-left: 10px; }
/* gbl 9Sep14 change from display: block to display:inline so "link to documents" appears in add_file dialog */
a.iLink {display: inline; text-decoration: none;}
a.iLink:hover {background-color: lightblue;}

/* New float logic - and other css that is live */
#rptOptionsTop{padding: 3px;}
a.optLink       { color: blue; font-weight: normal; text-decoration: none; font-size: 13px; padding: 1px 5px 0px 5px;}
a.optLink:hover { color: blue; text-decoration:underline;}
img.optLink     { cursor: pointer; padding: 1px;}

/* 2022-04-19 -aam- CU-T16: Set overflow to hidden */
/* 2023-05-30 -aam- DEV-85: Add right padding */
span.headerOutline {
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  width: 100%; overflow:hidden;
  padding-right: 4px;
}
span.header    {background-color: #d3d3d3; color: black; font-weight: bold;}
.opts          {font-size: 10px; text-decoration: none; font-weight: bold; padding: 5px 1px 0px 1px;}
br.clearBoth   { clear: both; height: 0px;}
div.cssTitle
{
 width: 100%;
 padding: 5px 0px 5px 0px;
 font-size: 20px;
 background-color: #107E77;
 color: white;
 text-align: center;
 min-width: 800px;
}
#report
{
 width:98%;
 background-color: white;
 font-size: 12px;
}
span.lineFloat0
{
 width: 100%;
 background-color: #FFFFFF;
 margin: 0px;
 padding: 0px;
 border-left: 1px solid #107E77;
 border-right: 1px solid #107E77;
}
span.lineFloat1
{
 width: 100%;
 background-color: #f4f4f4;
 margin: 0px;
 padding: 0px;
 border-left: 1px solid #107E77;
 border-right: 1px solid #107E77;
}
div.clearLeft {position: relative; width: 100%; clear: left; height: 0px;}
span.cellFloatLeft
{
 position: relative;
 float: left;
 min-height: 15px;
 padding: 3px 0px 3px 0px;
 margin: 0px;
 overflow: hidden;
 font-size:12px;
}
.starConflict
{
 color: red;
 font-weight:bold;
}

span.cellInner {
  width: 92%;
  overflow: hidden;
  font-size:14px;
}
/* Pivot Table */
div.mainXheader
{
 margin: 1px 0px 1px 0px;
 background-color: #cccccc;
 color: black;
 font-size: 18px;
 width: 100%;
}
div.pivotXheader
{
 text-align: center;
 border-right: 1px solid white;
 overflow:hidden;
}
div.mainYheader
{
 background-color: #cccccc;
 color: black;
 font-size: 18px;
 width: 100%;
}
div.yRow
{
 width: 100%;
}
div.pivotYheader
{
 text-align: left;
 border-right: 1px solid white;
 border-top: 1px solid white;
 margin-top: 1px;
}
div.pivotCell
{
 vertical-align: middle;
 border-right: 1px solid gray;
 border-top: 1px solid gray;
 margin-top: 1px;
 text-align: right;
}
a.pivotCellContent
{
 padding: 1px 8px 1px 0px;
 text-align: right;
 vertical-align: middle;
 text-decoration: none;
}
div.pivotCellContent
{
 padding: 1px 8px 1px 0px;
 text-align: right;
 vertical-align: middle;
}
div.white {background-color: white;}
div.beige {background-color: #eee;}
div.format
{
 position: fixed;
 top: 30px;
 height: 10px;
 left: 10px;
 background-color: black;
 color: yellow;
 text-align: center;
 padding: 10px;
 border: 2px solid red;
 z-index: 999;
}

span.inputTitle
{
 background-color:#107E77;
 color: white;
 font-size: 11pt;
 width: 600px;
}
span.title { position: relative;  padding: 2px 0px 2px 0px; }
img.inputIcon { position:relative; float:right; text-align:right; cursor: pointer; padding: 1px; width: 16px; background:none;}
span.fatalErr { font-size: 1em; color: red;}

/* Color field */
span.colorPicker {min-width:100px; border:1px solid black;}
input.colorPicker {display:none;}

/* wysiwyg overlay */
div.weditDiv { position:absolute; float:none; z-index:3010; top:5%; left:5%; width:90%; height:600px; border:1px solid black; overflow:auto;}
span.weditBar { width:100%; height:20px; background-color:white; text-align:center; border-bottom:1px solid black;}
textarea.wysiwyg { display:none; }
div.wysiwyg { width:400px; height:125px; padding:5px 15px 5px 5px; overflow:hidden; white-space:normal; border:1px dashed #d3d3d3; vertical-align:top;}
img.wedit  { cursor:pointer; }
textarea.activeEdit { display:none;}
span.editSpan { width:99%; height:580px;}
span.inputOverlay
{
  padding: 5%;
  position: fixed; /* Stay in place */
  z-index: +3; /* Sit on top */
  left: 0;
  top: 0;
  width: 100% !Important; /* Full width */
  height: 100% !Important; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.67); /* Black w/ opacity */
}


/* 2024-06-17 -aam- LEO-164: Remove unnecessary styling */
#inputMaster{
  padding: 5px;
}
/* 2024-06-27 -aam- LEO-165: Set width to 100 */
/* Help field css */
td.help
{
 width:100%;
 padding:1% 4% 1% 4%;
 text-align:justify;
 background-color:#f5f5f5;
 border-top:1px solid gray;
 border-bottom:1px solid gray;
}

/* Multi Select css */
input.ms { padding-left:4px; }
span.msSpan { background-color:#f5deb3; padding:0; margin:0; width:400px; }
span.msTitle { border-bottom:1px solid black; padding:3px 0; }
span.msContent { min-height:20px; }
span.msText { padding-top:3px; }

/* Span to contain list of OTF options */
span.customList    { padding:0; margin-top:3px; min-width:550px; background-color:#f0f0f0;}
span.customContent { padding:0; width:100%; min-height:20px; }
span.customTitle   { padding:5px 0; width:100%; text-align:center; color:yellow; background-color:black; font-weight:bold; font-size:12px; }
span.customLine    { padding:5px 2%; width:96%; text-align:left; color:black; font-size:12px; }
span.customLine:hover { background-color:yellow; }

/* CSS for required start */
span.star { color:#B30000; font-weight:bold; padding:0 10px 0 5px;  font-size: medium;}

/* Mod 2009-09-16 -dsmw- bf in cpTitle */

div.cpBody   { margin:0; padding:0; background-color:white; color:black; z-index:9999;}
span.cpTitle { background-color:#107e77; color:white; font-weight:bold; text-align:center; border-bottom:1px solid black; }
span.cpText  { width:70%; margin-left:15%; text-align:center;}
a.cpCell  { width:20px; border:1px solid black; margin:2px;}
a.cpCell:hover {border:1px solid red;}
a.cpCell:focus-visible { padding: 0px; }
a.sline {display: block; padding-bottom: 3px; width: 720px;}
div.ajaxSearch
{
 position:fixed;
 display:block;
 width:320px;
 overflow-x: hidden;
 overflow-y: auto;
 max-height: 320px;
 border:1px solid #1c736c;
 border-radius: 2px;
 background-color:white;
 visibility:visible;
 z-index:50;
 font-size:12px;
}
span.ajaxSearch {
 position:relative;
 float:left;
 display:block;
 width:100%;
 padding:1px 3% 1px 3%;
 font-size:12px;
 cursor:pointer;
}
span.ajaxSearch:hover { background-color: #1c736c !important; color: #fff !important;}
span.ajaxOdd { background-color: #eee; color: #333;}
span.ajaxEven { background-color: #fff; color: #333;}
span.spinner  { min-width:20px; }

.histContent { max-height:300px; }
.histLine{ padding: 5px 0px;}
.histTitle   { background-color: #ffffff;
  color: #4d505b;
  font-weight: bold;
  border-bottom: 1px #ccc solid; }
.histDate    { width:20%; padding-left:2%; }
.histUser    { width:23%; padding-left:2%; }
.histAction  { width:50%; padding-left:2%}
span.mainTab { font-size:14px; color:black; height:14px; width:160px; text-align:center; border:1px solid gray; padding:4px 0 2px 0; overflow:hidden;}
span.mainTab:hover { background-color:yellow;}
span.mainTabActive { background-color:#e3e4fa;}
span.mainTabInActive {}

span.actionTabDIV { top:0; left:0; }
#box{ width:300px; background: #FFFFFF none repeat; margin: 0;   padding:20px; border:2px solid #eee; font-size: 14px; text-align:center; }
#box .copyright{ font-size: 10px; font-weight:bold; color: #999999; }

div.mainDiv { padding:0; margin:0; top:0; left:0; height:0;}
span.contentSpan0 { padding:0; margin:0; }
span.contentSpan1 { padding:0; margin:0 0 0 3px; }
/** add container style **/
span.adSpan { padding:0; margin:0 3px 0 3px; top:0; left:0; width:0px; display:none; overflow:hidden; }
span.ad {padding:0; margin:3px 0 3px 0; display:inline-block; text-align:center; border:none;}

/** Banner **/
.banner { padding:0; margin:0; height:45px; max-height:45px; }
span.banner { padding:0; margin:0; height: 45px; max-height:45px; }
/*
span.menuLogo {max-height:45px; height:45px; }
img.menuLogo {max-height:45px; width:auto; padding:0; margin-top:0; max-height:45px; height:45px;}
*/
.menuLogo { top:0; left:0; height:45px; padding:0; margin:0; }
span.bannerContent { height:35px; padding:0; margin:0;}

.bannerOption { padding-top:10px; }
.bannerPrompt { font-size:14px; font-weight:bold; padding:5px 5px 0 0;}
.bannerInput  { font-size:14px; font-weight:bold; border:hidden; color:gray; }
.bannerInput:focus { background-color:transparent; }
.bannerWrap   { outline:none; background-color:white; overflow:hidden; padding:2px; color:gray;}
.bannerIcon   { margin-right:3px; }
.bannerWrap:hover { background-color:yellow; color:black; }

span.menuTop { left: 0px; height:30px; padding:1px; margin-top:2px; font-size:18px; min-width:1280px;}
span.mainAction { margin:0; padding:0; min-width:1280px;}
span.contentMain  { margin:0; padding:0; min-width:900px;}
span.contentLeft  { margin:0; padding:0; width:110px;}
span.contentRight { margin:0; padding:0; min-width:1280px;}
select.menuFavorites { margin:0 0 0 2px; padding:0; font-size:14px; width:95px; height:24px;}

/*
    Top banner and top menu CSS
*/
a.menuTop {position:static; display:inline; top:0; padding:1px; color: blue; text-decoration: none; height:16px; outline:none; margin:0 3px 0 3px;}
a.menuTop:hover {background:yellow; color:black; text-decoration:underline;}
img.menuTop { position:static; top:0; height:16px; width:16px; margin:0 0 0 2px; padding:0; cursor:pointer;}
div.menuTop { position:static; top:0; height:16px; width:16px; margin:0 0 0 2px; padding:0; cursor:pointer;}

/* Note that the text color the prompts are set in the PHP code */
#generalSearchAYprompt  { position: absolute; left: 579px; top: 22px; font-weight: bold; text-align: right}
#generalSearchAllYears  { position: absolute; left: 632px; top: 20px; }
#generalSearchMEprompt  { position: absolute; left: 655px; top: 22px; font-weight: bold; text-align: right}
#generalSearchMyEvents  { position: absolute; left: 715px; top: 20px; }

/* Bread Crumb CSS */
span.bc { height:30px; margin:0; padding:1px 0 2px 0; }
.bcStyle
{
 height:20px;
 padding:0 3px 0 2px;
 margin:3px 0 3px 0;
 font-size:15px;
 font-weight:normal;
 background-color:beige;
 color:black;
 outline:none;
 border-top:1px solid gray;
 border-bottom:1px solid gray;
}
a.bc { text-decoration:none;}
a.bc:hover { background-color: yellow; text-decoration:underline; cursor:pointer;}

/* CSS for course search results */
#courseSearchDisplay
{
 position: absolute;
 top: 23px;
 left: 710px;
 width: 500px;
 z-index: 3000;
 border: 1px solid black;
 background-color: white;
 overflow-x: hidden;
 overflow-y: scroll;
 max-height: 500px;
 font-size:12px;
}
a.courseSearchItem
{
 display: block;
 position: relative;
 left: 0px;
 width: 494px;
 overflow: hidden;
 cursor:pointer;
 padding: 2px 4px 2px 2px;
 text-decoration: none;
 color: black;
 background-color: beige;
}
/* buildlist */
/* @since 2013-05-18 -dsmw- expand width to 90% and add max-width (Ticket #729, #809) */
/* @since 2019-03-01 4.607 -jl- adjust overflow */
span.buildListLayer
{
 top:10px;
 left:5%;
 width:90%;
 max-width:1000px;
 background-color:white;
 overflow: auto;
}
input.dataField { visibility:hidden; display:none;}

/* Defines the area for the build list + options */
#buildListDIV { position: absolute; top: 0px; left: 0px;}

/* Defines the area at the top of the build list for the options */
/* #buildListOptions { position: absolute; top: 3px; left: 4px; width: 594px; height: 16px;} */
body.buildListBody {position:relative; float:left; padding:0; margin:0; top:0; left:0; }
/* 2020-12-04 -aam- IS1-T4: Remove float: left */
#buildListOptions {position:relative; width:100%; height:16px; margin:0 2% 3px 0;}
#userOptions { position:relative; float:right; text-align: right;}
span.headers { position:relative; float:left; width:100%; padding:2px 0; text-align:center; background-color:#C5C7CE; color:black; border:1px solid black;}
span.title1  { position:relative; float:left; width:50%; border-right:1px solid black;}
span.title2  { position:relative; float:left; width:49%; }
span.lists   { position:relative; float:left; width:100%; border:1px solid black; font-size:12px; background-color:white; text-align:left; overflow:hidden;}
span.masterList {position:relative; float:left; width:49%; overflow-y:scroll; padding:2px;}
span.selectList {position:relative; float:right; width:49%; overflow-y:scroll; padding:2px;}
a.altList { padding:2px 3px 0 3px; }

/* Defines the area for the title bar */
#buildListTitle
{
 position:relative;
 float:left;
 top: 0px;
 left: 0px;
 padding:5px 0;
 width: 100%;
 border: 1px solid black;
 background-color:  #107E77;
 color: white;
 font-size: 15px;
 font-weight: bold;
 text-align: center;
}

#masterDIV
{
 position: absolute;
 top: 60px;
 left: 0px;
 width: 298px;
 height: 499px;
 border-left: 1px solid black;
 border-right: 1px solid black;
 border-bottom: 1px solid black;
 background-color: white;
 color: black;
}

#masterTitle
{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 298px;
 height: 20px;
 background-color: lightblue;
 color: black;
 text-align: center;
 border-bottom: 1px solid black;
}

/*#masterFrame { position: absolute; top: 21px; left: 0px; width: 298px; } */
/*#masterList { position: absolute; top: 21px; left: 0px; width: 294px; height:475px; overflow-y:scroll; font-size:12px; padding:2px;} */

/* defines the specs for the body of the master list */
/* #masterList { position: absolute; top: 0px; left: 0px; } */

#selectDIV
{
 position: absolute;
 top: 60px;
 left: 300px;
 width: 299px;
 height: 499px;
 border-right: 1px solid black;
 border-bottom: 1px solid black;
 background-color: beige;
 color: black;
}

#selectTitle
{
 position: absolute;
 top: 0px;
 width: 299px;
 height: 20px;
 background-color: lightblue;
 color: black;
 text-align: center;
 border-bottom: 1px solid black;
}

/*#selectFrame { position: absolute; top: 21px; left: 0px; width: 299px; } */
/* #selectList { position: absolute; top: 21px; left: 0px; width: 295px; height:475px; overflow-y:scroll; font-size:12px; padding:2px;} */

/* defines the specs for the body of the master and select lists */
/* #selectList { position: absolute; top: 0px; left: 0px; } */

div.bl_rightMenu { border:1px solid black; width:200px; background-color:white; padding:5px; z-index:9999; box-shadow: 5px 10px 15px dimgray;}

span.rightMenuLink
{
 margin: 0px;
 padding-left: 0px;
 padding-right: 0px;
 padding-top: 2px;
 padding-bottom: 2px;
 text-align: center;
 position: static;
 width: 100%;
 display: block;
 height: 25px;
 border: 1px solid gray;
 font-size: 12px;
 text-decoration: none;
}
.rightMenuLink:hover {border: 1px solid gray;}
.iLink { text-decoration: none; position: static; font-size: 12px; cursor:pointer; color:blue;}
.iLink:hover {border: 1px solid gray; text-decoration:underline; }
/*
*  IMPORT UI definitions
*/
#blImportDiv
{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 background-color: beige;
}
#blImportTitle
{
 position: absolute; top: 0px; width: 100%; height: 20px;
 text-align: center; background-color: #9752f6; color: white; font-weight: bold;
 border-bottom: 1px solid black;
}
#blAreaOne
{
 position: absolute;
 top: 0px;
 left: 0px;
 height: 100%;
 width: 260px;
 border-right: 1px solid black;
 background-color: yellow;
}
#blStep1
{
 position: absolute;
 top: 40px;
 left: 40px;
 color: black;
 font-size: 16px;
 font-weight: bold;
}
#blStepOne
{
 position: absolute;
 top: 30px;
 left: 80px;
 height: 100px;
 color: purple;
 font-size: 35px;
 font-weight: bold;
}
#blStepOneDesc
{
 position: absolute;
 top: 80px;
 left: 10px;
}
#blImportList
{
 position: absolute;
 top: 100px;
 left: 10px;
 width: 240px;
 height: 400px;
 background-color: white;
 color: black;
}
#blGoToStep2
{
 position: absolute;
 top: 510px;
 left: 10px;
 width: 155px;
}
/* Step #2 */
#blAreaTwo
{
 position: absolute;
 top: 0px;
 left: 261px;
 height: 100%;
 width: 260px;
 border-right: 1px solid black;
 background-color: ivory;
 visibility: hidden;
}
#blStep2
{
 position: absolute;
 top: 40px;
 left: 40px;
 color: green;
 font-size: 16px;
 font-weight: bold;
}
#blStepTwo
{
 position: absolute;
 top: 30px;
 left: 80px;
 height: 100px;
 color: red;
 font-size: 35px;
 font-weight: bold;
}
#blStepTwoDesc
{
 position: absolute;
 top: 80px;
 left: 10px;
}
#blChooseMethod
{
 position: absolute;
 top: 100px;
 left: 10px;
 width: 232px;
 height: 200px;
 background-color: #d3d3d3;
 color: black;
 border: 1px solid black;
 padding-top: 10px;
 padding-left: 3px;
}
#blStepTwoTitle {position: absolute; top: 320px; left: 10px; height: 20px; width: 232px; visibility: hidden;}
#blStepTwoList
{
 position: absolute;
 top: 345px;
 left: 10px;
 height: 170px;
 width: 232px;
 padding-top: 5px;
 padding-left: 3px;
 background-color: beige;
 color: black;
 border: 1px solid black;
}
/* Step #3 */
#blAreaThree
{
 position: absolute;
 top: 0px;
 left: 522px;
 height: 100%;
 width: 260px;
 background-color: black;
 color: white;
 visibility: hidden;
}
#blStep3
{
 position: absolute;
 top: 40px;
 left: 40px;
 color: white;
 font-size: 16px;
 font-weight: bold;
}
#blStepThree
{
 position: absolute;
 top: 30px;
 left: 80px;
 height: 100px;
 color: yellow;
 font-size: 35px;
 font-weight: bold;
}
#blStepThreeDesc
{
 position: absolute;
 top: 80px;
 left: 10px;
 font-weight: bold;
}
#blChooseMethod
{
 position: absolute;
 top: 100px;
 left: 10px;
 width: 240px;
 height: 200px;
 background-color: #d3d3d3;
 color: black;
 border: 1px solid black;
 padding-top: 10px;
}
#blExecuteImport
{
 position: absolute;
 top: 510px;
 left: 10px;
 width: 155px;
 visibility: hidden;
}
#blSubmit {position: absolute; top: 400px; left: 10px; width: 230px; }
#blStepThreeInfo {position: absolute; top: 100px; left: 10px; width: 230px; height: 300px; background-color: black; color: white;}
#blWorkingBox
{
 position: absolute;
 top: 150px;
 left: 150px;
 height: 60px;
 width: 220px;
 background-color: white;
 color: black;
 border: 2px solid black;
 z-index: 220;
}
#blWorkingProgress
{
 position: absolute;
 top: 5px;
 left: 10px;
 width: 200px;
 height: 15px;
 background-color: yellow;
 color: red;
}
#blWorkingText
{
 position: absolute;
 top: 30px;
 left: 0px;
 width: 218px;
 color: black;
 text-align: center;
}
#blWorkingDone
{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 0px;
 height: 15px;
 background-color: blue;
}
#blErrorLog
{
 position: absolute;
 top: 0px;
 left: 0px;
 height: 100%;
 width: 100%;
 background-color: beige;
 color: black;
 visibility: hidden;
}
#blErrNbr {visibility: hidden;}
#blErrorTitle {top: 0px; left: 0px; text-align: center; background-color: black; color: white; font-weight: bold; width: 100%;}
span.blErr1 {background-color: skyblue; left: 0px; width: 100%;}
span.blErr2 {background-color: white;   left: 0px; width: 100%;}
#blBusy
{
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 opacity: 0.85;
 visibility: hidden;
 z-index: 200;
 background-color: gray;
 color: white;
 text-align: center;
 font-size: 40px;
 font-weight: bold;
}
#blAllDone
{
 position: absolute;
 top: 75px;
 left: 200px;
 width: 400px;
 height: 200px;
 z-index: 220;
 border: 2px solid yellow;
 background-color: blue;
 color: white;
 font-weight: bold;
 font-size: 16px;
 padding: 5px;
 visibility: hidden;
}
#blAllDoneMsg
{
 position: absolute;
 top: 0px;
 left: 0px;
 padding: 10px;
}
#blAllDoneButton
{
 position: absolute;
 top: 160px;
 left: 140px;
 width: 150px;
 text-align: center;
}
div.pageLink {text-decoration:none; font-size:10px; font-weight:bold; padding:6px 1px 0 1px; color:blue;}
#iReportID { position: absolute; visibility: hidden; left: 0px; right: 0px; height: 0px; width: 0px; padding: 0px; margin: 0px;}
#resortWindow
{
 position: absolute;
 background: beige;
 color: black;
 z-index: 20;
 width: 300px;
 height: 200px;
 border: 1px solid gray;
 padding: 3px;
}
#resortShadow
{
 position: absolute;
 background: #d3d3d3;
 opacity: 0.5;
 width: 300px;
 height: 200px;
 padding: 3px;
 z-index: 10;
}
#resortTitle
{
 background-color: blue;
 color: white;
 font-weight: bold;
 font-size: 12px;
 padding: 2px;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 302px;
 text-align: center;
}
#resortX
{
 position: absolute;
 background-color: blue;
 text-align: right;
 top: 0px;
 left: 290px;
 width: 16px;
 height: 16px;
 border: none;
 text-decoration: none;
}
span.seltext
{
 position: absolute;
 left: 20px;
 text-align: right;
 width: 90px;
 font-size: 10px;
}
select.selsel
{
 position: absolute;
 left: 120px;
 text-align: right;
 width: 170px;
 font-size: 10px;
}
option.selsel
{
 text-align: left;
}
#reportDIV
{
 position: absolute;
 width: 767px;
 height: 750px;
 top: 0px;
 left: 0px;
 background-color: white;
 font-size: 10px;
}
#reportSPAN
{
 position: absolute;
 top: 10px;
 left: 5px;
 width: 757px;
 color: black;
 font-size: 10px;
}

#header1SPAN
{
 position: relative;
 float: left;
 min-height: 21px;
 width: 100%;
 background-color: #107E77;
 color: white;
 padding-top: 10px;
 padding-bottom: 10px;
 font-size: 20px;
 text-align: center;
 border: 1px solid #107E77;
}
#bottomBorder
{
 position: relative;
 float: left;
 width: 100%;
 background-color: #107E77;
 color: white;
 padding-top: 1px;
 padding-bottom: 1px;
 border-radius: 0px 0px 3px 3px;
 border-left: 1px solid #107E77;
 border-right: 1px solid #107E77;
 border-bottom: 1px solid #107E77;
}

span.reportLineEven
{
 position: absolute;
 left: 0px;
 height: 25px;
 width: 757px;
 background-color: #ffff99;
 color: black;
 font-weight: normal;
}

span.reportLineOdd
{
 position: absolute;
 left: 0px;
 height: 25px;
 width: 757px;
 background-color: #ffffcc;
 color: black;
 font-weight: normal;
}

span.reportCell
{
 position: absolute;
 top: 0px;
 height: 23px;
 text-align: left;
}
/* If not a link, then we use this definition */
span.reportData
{
 position: absolute;
 top: 3px;
 padding-left: 4px;
 padding-top: 4px;
 height: 20px;
 color: black;
}
/* If element in the report is a link then we use this css */
a.reportLink
{
 top: 0px;
 padding-left: 4px;
 padding-top: 4px;
 height: 19px;
 display: block;
 text-decoration: none;
 color: black;
}
a.reportLink:hover {background-color: #82cafa;}

div.optClass { width:99%; text-align: left; padding:2px 1% 2px 10px; }
img.downArrow { position: absolute; top: 8px; left: 80%; padding-left: 10px; }
img.upArrow { position: absolute; top: 1px; left: 85%; padding-left: 10px; }
/* gbl 9Sep14 change from display: block to display:inline so "link to documents" appears in add_file dialog */
a.iLink {display: inline; text-decoration: none;}
a.iLink:hover {background-color: lightblue;}

/* New float logic - and other css that is live */


/* 2022-04-19 -aam- CU-T16: Remove right padding */
span.headerOutline {border-left: 1px solid gray; border-right: 1px solid gray; width: 100%;}
span.header    {background-color: #d3d3d3; color: black; }
div.opts       {font-size: 10px; text-decoration: none; font-weight: bold; padding: 5px 1px 0px 1px;}
br.clearBoth   { clear: both; height: 0px;}
div.cssTitle
{
 width: 100%;
 padding: 5px 0px 5px 0px;
 font-size: 20px;
 background-color: #728FCE;
 color: white;
 text-align: center;
 min-width: 800px;
}
#cssReport
{
 /*width:98%; @since 2018-07-25 -jl- give reports more space. */
 background-color: white;
 font-size: 12px;
}

div.clearLeft {position: relative; width: 100%; clear: left; height: 0px;}
span.cellFloatLeft
{
 position: relative;
 float: left;
 min-height: 15px;
 padding: 3px 0px 3px 0px;
 margin: 0px;
 overflow: hidden;
 font-size:12px;
}

span.cellInner {
  width: 92%;
  overflow: hidden;
  font-size:14px;
}

/* Pivot Table */
div.mainXheader
{
 margin: 1px 0px 1px 0px;
 background-color: #cccccc;
 color: black;
 font-size: 18px;
 width: 100%;
}
div.pivotXheader
{
 text-align: center;
 border-right: 1px solid white;
 overflow:hidden;
}
div.mainYheader
{
 background-color: #cccccc;
 color: black;
 font-size: 18px;
 width: 100%;
}
div.yRow
{
 width: 100%;
}
div.pivotYheader
{
 text-align: left;
 border-right: 1px solid white;
 border-top: 1px solid white;
 margin-top: 1px;
}
div.pivotCell
{
 vertical-align: middle;
 border-right: 1px solid gray;
 border-top: 1px solid gray;
 margin-top: 1px;
 text-align: right;
}
a.pivotCellContent
{
 padding: 1px 8px 1px 0px;
 text-align: right;
 vertical-align: middle;
 text-decoration: none;
}
div.pivotCellContent
{
 padding: 1px 8px 1px 0px;
 text-align: right;
 vertical-align: middle;
}
div.white {background-color: white;}
div.beige {background-color: beige;}
div.format
{
 position: fixed;
 top: 30px;
 height: 10px;
 left: 10px;
 background-color: black;
 color: yellow;
 text-align: center;
 padding: 10px;
 border: 2px solid red;
 z-index: 999;
}
/* @since 2018-08-07 4.563 -jl- give it all the height it can use */
span.reportObject
{
 height:95% !important;
 width:98%;
 z-index:1000;
 padding:5;
 margin:0;
 background-color:white;
 top:10px;
 left:10px;
 min-width:300px;
 overflow-x:scroll;
 overflow-y:scroll;
}
span#reportObject span#reportLoader div[id^='rdata_']
{
 overflow-y: scroll;
 overflow-x: hidden;
}

/* Announcement Tab CSS */
/* @since 2017-10-22 4.496 -jl- change colors to match adminLTE theme */
div.announcements { font-size:8pt; width:718px; }
div.annc_title    { width: 100% !important; font-size: 11pt !important; background-color: #107e77 !important; border: 1px solid #107e77 !important; border-radius: 2px; color: white; margin: 5px 0 0 5px; padding: 5px; }
span.annc_title   { font-size: 11pt; font-weight: bold; margin-left: 30%; text-align: center; width: 40%; }
div.announcement  { font-size:9pt; width:100% !important; border-left: 1px solid #107e77 !important; border-right: 1px solid #107e77 !important; border-bottom: 1px solid #107e77 !important;}
div.abody         { width:708px; }
div.anncView      { margin-left:5px; font-size:8pt; background-color:white;}
span.anncLine     { margin-top:3px; margin-bottom:3px; }
/* @since 2016-11-11 4.416 -jl- Dont let images in anncmts explode horizontally */
.anncCont img
{
 height: auto !important;
 width: 100% !important;
}
span.anncCont
{
 margin-left:1%;
 margin-right:1%;
 padding:3px 1%;
 width:96%;
 background-color:#dcdcdc;
 font-size:8pt;
 border-top:5px solid white;
 border-bottom:5px solid white;
}
.anncDivx { background-color:black; color:white; z-index:9200; top:150px; left:150px; padding:3px 10px 19px 15px;}

/* end of announcement css */

/* Time Widget CSS  */
#timeUpMaster
{
  position: absolute;
  height:174px;
  width: 100px;
  font-size: 10px;
  background: white;
  border: 1px solid black;
  z-index: 8000;
}
span.timeCell
{
 position: absolute;
 display: block;
 width: 16px;
 left: 0px;
 color: white;
 border-bottom: 1px solid white;
 height: 13px;
 z-index: 300;
 cursor:pointer;
}
span.minute { padding-left: 5px; text-align: left; }
span.hour   { padding-right: 5px; text-align: right; }
#minuteWheel
{
 position: absolute;
 border: 1px solid white;
 top: 0px;
 left: 35px;
 height: 170px;
 width: 20px;
 overflow: hidden;
}
#minuteBar
{
 position: absolute;
 background-color: gray;
 border: 1px solid white;
 top: 0px;
 width: 12px;
 height: 170px;
 left: 57px;
}
#hourWheel
{
 position: absolute;
 border: 1px solid white;
 top: 0px;
 left: 11px;
 height: 170px;
 width: 20px;
 overflow: hidden;
}
#hourBar
{
 position: absolute;
 background-color: gray;
 border: 1px solid white;
 top: 0px;
 width: 10px;
 height: 170px;
 left: 0px;
}

span.shade { position: absolute; width: 100px; z-index: 100; background-color: beige; }
/*
topShade  { top: 0px;  left: 0px; height: 70px; border-bottom: 1px solid black;}
botShade  { top: 84px; left: 0px; height: 81px; border-top: 1px solid black;}
*/
/* @since 2018-10-17 4.588 -jl- ZHB1142: give ampm a little more height */
#ampm      { position: absolute; top: 70px; left: 70px; width: 26px; background-color: black; color: white; font-weight:bold; padding: 2px; text-align: center; cursor: pointer;}
img.arrow {position: absolute; z-index: 200; cursor: pointer;}
#hourDown { top: 150px; left:  1px;}
#hourUp   { top:   1px; left:  1px;}
#minUp    { top:   1px; left: 59px;}
#minDown  { top: 150px; left: 59px;}
/* 2024-07-11 -aam- LEO-467: Adjust styling for bootstrap button */
button.timeClear
{
 top: 148px;
 position: absolute;
 left: 76px;
 z-index:200;
}
/* Hamburger menu css from https://css-tricks.com/three-line-menu-navicon/ */
.border-menu
{
 position: relative;
 padding-left: 1.25em;
 font-size:25px;
}
.border-menu:before
{
 content: "";
 position: absolute;
 top: 0.5em;
 left: 0;
 width: 1.25em;
 height: 0.125em;
 border-top: 0.375em double;
 border-bottom: 0.125em solid;
}
.homeMenu
{
 background-color:#dcdcdc;
 color:black;
 z-index:9100;
 border:3px solid black;
}
.homeMenu       { border:2px solid black; }
.menuIcon       { height:40px; padding:3px; margin:5px; }
.menuIcon:hover { background-color:yellow; }
.topMenu        { padding:0; margin:0; border-bottom:1px solid black; }
.topMenu:hover  { background-color:#808080; }

/* CSS for a generic iframe overlay */
.iframe
{
 top:0px;
 left:0px;
 margin-top:20px;
 margin-left:20px;
 min-height:200px;
 background-color:white;
 color:black;
 border:1px solid black;
}

/* Toggle switch - the box around the slider */
.toggleSwitch {
  position: relative;
  display: inline-block;
  width: 46px;
  height: 26px;
}

/* Hide default HTML checkbox */
.toggleSwitch input {
  opacity: 0;
  width: 0;
  height: 0;
}

/* The toggle slider */
.toggleSlider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.toggleSlider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 3px;
  bottom: 3px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

/* 2023-08-08 -aam- DEV-164: Add disabled styling */
/* 2023-09-27 -aam- DEV-164: Add opacity */
.toggleSlider.disabled {
  cursor: not-allowed;
  opacity: 50%;
}

input:checked + .toggleSlider {
  background-color: #C95001;
}

input:focus + .toggleSlider {
  box-shadow: 0 0 1px #C95001;
}

input:checked + .toggleSlider:before {
  -webkit-transform: translateX(20px);
  -ms-transform: translateX(20px);
  transform: translateX(20px);
}

/* Rounded toggle sliders */
.toggleSlider.round {
  border-radius: 26px;
}

.toggleSlider.round:before {
  border-radius: 50%;
}