body {
  font-family: Arial;
  font-size: 10pt;
  background-color: #d1d1d1;
  padding-top: 50px;
}

div.divGrayOut
{
    background: #e9e9e9;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    opacity: 0.5;
}

a:link {
    text-decoration: none;
    color: #004a80;
}

a:visited {
    text-decoration: none;
    color: #004a80;
}

a:active {
    text-decoration: underline;
    color: #004a80;
}

a:hover {
    text-decoration: underline;
    color: #790000;
}

/* -- Boot overrides -- */

.nav-link {
    display: block;
    padding: 1px;
    font-size: 0.9rem;
    font-weight: 400;
    text-decoration: none;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}

/* ----- Login Page Items -----*/
div.divLoginBoxWrapper
{
    padding: 55px 10px 55px 10px;
    margin: 0 auto;
    width: 350px;
}

div.divLoginBox table
{
    width: 100%;
}

div.divLoginBox td
{
    padding: 4px;
}

td.tdLoginBoxTitle
{
    background-color: #182857;
    padding: 5px;
    font-size: 10pt;
    color: white;
}

td.tdLoginButton
{
    border-top: solid 1px #555;
    text-align: center;
}

div.divLoginMsg
{
    padding: 20px;
    color: #990000;
}

div.divLoginDisclaimer {
    font-size: 9pt;
    color: #555;
    margin: 10px;
}

div.divLoginMaxAttemptsDisclaimer {
    font-size: 9pt;
    color: #990000;
    margin: 10px;
}

.navbar {
    border-bottom: solid 2px #182857;
    background-color: #92b0ce;
}


div.divAppMain
{
  width: 1100px;
  margin: 0 auto 5px auto;
  background-color: white;
  box-shadow: 4px 2px 4px #999,  -4px 2px 4px #999; 
}

@media screen and (max-width: 768px) {
    div.divAppMain {
        width: 100%;
        margin: 0 auto 5px auto;
        background-color: white;
        box-shadow: 4px 2px 4px #999, -4px 2px 4px #999;
    }
}

div.divAppMainMobile 
{
    width: 100%;
    margin: 0 auto 5px auto;
    background-color: white;
    box-shadow: 4px 2px 4px #999, -4px 2px 4px #999;
}

div.divAppHeader
{
  background-color: #143d80;
  width: 1100px;
  height: 60px;
}

div.divAppTopNavs
{
  background-color: #d1d1d1;
  padding: 5px;
}

div.divAppFooter
{
    background-color: #182857;
    width: 1100px;
    height: 40px;
    color: white;
    text-align: center; 
    line-height: 40px;
}

div.divAppFooterMobile 
{
    background-color: #182857;
    width: 100%;
    height: 40px;
    color: white;
    text-align: center;
    line-height: 40px;
}

span.spanAppFooter
{
    padding-right: 40px;
}

div.divTaskBar
{
    border-bottom: solid 1px #d1d1d1;
    white-space: nowrap;
    overflow: hidden;
}

div.divGreeting
{
    font-size: 10pt;
    color: #555;
    padding: 3px 0 3px 0px;
}

div.divMyRecents
{
    display: inline-block;
    width: 55%;
    font-size: 10pt;
    color: #555;
    padding: 3px 20px 3px 0;
    text-align: right;
}

div.divMyStatus
{
    display: inline-block;
    width: 150px;
    padding: 15px 0 0 5px;
    font-size: 10pt;
    color: white;
    text-align: left;
    cursor: pointer;
}

div.divWorkingStatusColorBlock
{
    width: 25px;
    height: 10px;
    display: inline-block;
}

div.divWorkingStatusColorText
{
    display: inline-block;
    padding: 0 0 0 5px;
    color: #555;
}

div.divChangeWorkingStatusBox
{
    position: absolute;
    width: 150px;
    padding: 15px;
    border: solid 1px #c1c1c1;
    left: -1800px;
    top: -1800px;
    background-color: white;
    z-index: 9900;
}

div.divFormArea1
{
    width: 100%;
    margin: 0px auto;
    padding: 30px 0 0 15px;
}

/* ----- RapidFormBuilder ----- */
table.tblRapidFormBuilder
{
    border-collapse: collapse;
}

td.tdRFB_CH
{
    padding: 3px 8px 3px 8px;
    font-size: 9pt;
    background-color: #999;
    color: white;
    font-weight: bold;
}

td.tdRFB_Item
{
    padding: 3px 8px 3px 8px;
    font-size: 9pt;
    border-bottom: solid 1px #999;
    color: #555;
}

/* ----- PopUpForm -----*/
div.divPopUpForm
{
    position: absolute;
    z-index: 9120;
    border: solid 2px #999;
    padding: 15px;
    border-radius: 8px;
    background-color: white;
    width: 755px;
    left: -1800px;
    top: -1800px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover
{
    border: 1px solid #222;
    background: #555;
    font-weight: normal;
    color: #fff;
}

/* ----- Default Header ----- */
div.divDefaultHeaderWrapper
{
    border-bottom: solid 1px #999;
    padding: 0 0 5px 0;
    margin: 0 0 3px 0;
}

td.tdDefaultHeaderImageBlock
{
    padding: 0 7px 0 0;
}

td.tdDefaultHeaderTitle
{
    color: #555;
    font-size: 15pt;
    vertical-align: bottom;
}

div.divDefaultSearchControls
{
    display: inline-block;
    margin: 0 8px 0 0;
}
    div.divDefaultSearchControls input[type=text]
    {
        font-size: 8pt;
        border: solid 1px #999;
        padding: 2px 2px 2px 8px;
        border-radius: 8px;
        margin: 0 7px 0 0;
        width: 80px;
        height: 15px;
    }

    div.divDefaultSearchControls a
    {
        margin: 0 4px 0 4px;
    }

div.divSubLabel
{
    font-size: 8pt;
    margin: 0 0 0 8px;
    color: #555;
}

td.tdDefaultListControls
{
    color: #555;
    font-size: 7pt;
    text-align: right;
    padding: 0 10px 0 0;
    vertical-align: bottom;
}

.spDefaultListCount
{
    margin: 0 0 0 10px;
    font-size: 9pt;
    font-weight: bold;
}

/* ----- App Yes/No Box ----- */
div.divAppMessageBox
{
    position: absolute;
    z-index: 100;
    border: solid 2px #999;
    padding: 15px;
    border-radius: 8px;
    background-color: white;
    width: 500px;
}

div.divAppMessageTitleWrapper
{
    width: 470px;
    border-bottom: solid 1px #999;
    padding: 0 0 8px 0;
}

div.divAppMessageIcon
{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 7px 0 0;
}

div.divAppMessageTitle
{
    display: inline-block;
    color: #9e0b0f;
    font-size: 18pt;
    width: 350px;
    height: 43px;
    padding: 7px 0 0 0;
    vertical-align: middle;
}

div.divAppMessageText
{
    font-size: 10pt;
    color: #555;
    padding: 15px;
}

div.divAppMessageButtonsWrapper
{
    width: 470px;
    text-align: center;
}

div.divAppYesButton
{
    width: 85px;
    padding: 8px;
    color: white;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    background-color: #598527;
    cursor: pointer;
    display: inline-block;
    margin: 0 8px 0 0;
}

div.divAppNoButton
{
    width: 85px;
    padding: 8px;
    color: white;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    background-color: #555;
    cursor: pointer;
    display: inline-block;
}

div.divAppMessageMessageBox
{
    font-size: 9pt;
    color: #555;
    padding: 15px;
    text-align: center;
}


/* ----- App Yes/No Box ----- */
div.divAppYesNoBox
{
    position: absolute;
    z-index: 100;
    border: solid 2px #999;
    padding: 15px;
    border-radius: 8px;
    background-color: white;
    width: 500px;
}

div.divAppYesNoTitleWrapper
{
    width: 470px;
    border-bottom: solid 1px #999;
    padding: 0 0 8px 0;
}

div.divAppyesNoIcon
{
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0 7px 0 0;
}

div.divAppYesNoTitle
{
    display: inline-block;
    color: #D06900;
    font-size: 18pt;
    width: 350px;
    height: 43px;
    padding: 7px 0 0 0;
    vertical-align: middle;
}

div.divAppYesNoText
{
    font-size: 10pt;
    color: #555;
    padding: 15px;
}

div.divAppYesNoButtonsWrapper
{
    width: 470px;
    text-align: center;
}

div.divAppYesButton
{
    width: 85px;
    padding: 8px;
    color: white;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    background-color: #598527;
    cursor: pointer;
    display: inline-block;
    margin: 0 8px 0 0;
}

div.divAppNoButton
{
    width: 85px;
    padding: 8px;
    color: white;
    font-size: 11pt;
    font-weight: bold;
    text-align: center;
    background-color: #555;
    cursor: pointer;
    display: inline-block;
}

div.divAppYesNoMessageBox
{
    font-size: 9pt;
    color: #555;
    padding: 15px;
    text-align: center;
}
/* ----- Lists -----*/
div.divHeaderTextBlock
{
    font-size: 9pt;
    margin: 5px 0 5px 5px;
}

table.tblDefault
{
    border-collapse: collapse;
}

td.tdLH_Default
{
  background-color: #555;
  color: white;
  padding: 3px;
  font-size: 12pt;
  border-bottom: solid 1px white;

}

td.tdDefault_StandardColumn_CH
{
  background-color: #777;
  color: white;
  padding: 3px 3px 3px 3px;
  font-size: 9pt;
}

td.tdDefault_StandardColumn_CH a:link
{
  text-decoration: none;
  color: #fff;
}

td.tdDefault_StandardColumn_CH a:visited
{
  text-decoration: none;
  color: #fff;
}

td.tdDefault_StandardColumn_CH a:active
{
  text-decoration: none;
  color: #999;
}

td.tdDefault_StandardColumn_CH a:hover
{
  text-decoration: none;
  color: #999;
}

div.divListHeaderLinks
{
    font-size: 8pt;
    margin: 4px 0 4px 0;
}

td.tdPageNums_Default {
    padding: 2px 0 4px 6px;
    font-size: 9pt;
}

td.tdDefault_StandardColumn {
    padding: 3px 8px 3px 3px;
    font-size: 9pt;
    border-bottom: solid 1px #999;
}

td.tdDefault_StandardColumnNoWrap_CH
{
    background-color: #777;
    color: white;
    padding: 3px 3px 3px 3px;
    font-size: 9pt;
}

td.tdDefault_StandardColumnNoWrap_CH a:link
{
    text-decoration: none;
    color: #fff;
}

td.tdDefault_StandardColumnNoWrap_CH a:visited
{
    text-decoration: none;
    color: #fff;
}

td.tdDefault_StandardColumnNoWrap_CH a:active
{
    text-decoration: none;
    color: #999;
}

td.tdDefault_StandardColumnNoWrap_CH a:hover
{
    text-decoration: none;
    color: #999;
}

td.tdDefault_StandardColumnNoWrap
{
    padding: 3px 8px 3px 3px;
    font-size: 9pt;
    border-bottom: solid 1px #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 90px;
}

/* ----- Forms -----*/
div.divHR_Default
{
    border-top: solid 1px #555;
}

div.divSectionHeading_Default
{
  background: linear-gradient(to bottom, #777 0%,#555 100%);
  color: white;
  font-size: 10pt;
  font-weight: bold;
  padding: 3px;
}

div.divListBlock_Default
{
    margin: 8px 0 8px 0;
}

div.divList_Default_ExpandCollapseBar
{
    background: linear-gradient(to bottom, #777 0%,#555 100%);
    color: white;
    font-size: 10pt;
    font-weight: bold;
    padding: 3px;
    margin: 2px 0 2px 0;
    cursor: pointer;
}

div.divList_Default_ExpandCollapseWrapper
{
    display: none;
}

span.spList_Default_ExpandCollapseCount
{
    font-size: 8pt;
    font-weight: normal;
}

div.divFormLabel_Default
{
    padding: 3px;
    text-align: right;
    color: #555;
    font-size: 9pt;
    font-weight: bold;
}

div.divFormElement_Default
{
  padding: 3px;
  text-align: left;
}

      div.divFormElement_Default input[type=text]
      {
        font-size: 9pt;
        border: solid 1px #999;
        padding: 2px 2px 2px 8px;
        border-radius: 8px;
      }

    div.divFormElement_Default input[type=password]
    {
        font-size: 9pt;
        border: solid 1px #999;
        padding: 2px 2px 2px 8px;
        border-radius: 8px;
    }

    div.divFormElement_Default input[type=radio]
    {
        font-size: 9pt;
        margin: 2px 2px 2px 8px;
    }

  div.divFormElement_Default select
  {
    font-size: 9pt;
    border: solid 1px #999;
    padding: 2px 2px 2px 8px;
    border-radius: 8pt;
  }

div.divFormButtonsGroup_Default
{
  text-align: center;
  margin: 8px 0 8px 0;
}

  div.divFormButtonsGroup_Default div
  {
    width: 110px;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    padding: 2px;
    background-color: #777;
    color: white;
    cursor: pointer;
    display: inline-block;
    margin: 0 8px 0 0;
  }

    div.divFormButtonsGroup_Default div:hover
    {
      background-color: #a1a1a1;
    }

div.divSendWelcomeEmailLink
{
    width: 100%;
    text-align: right;
    padding: 4px 10px 4px 0;
}