﻿#FnlPage > .InnerPage > div[class^="FnlContentPage"] > .WidthContain {
  min-height: calc(100vh - 344px);
}
.SiteContent
{
  padding-bottom: 200px;
  overflow: hidden;
}

#TopContent
{
  width: 100%;
  position: relative;
}

#NoticesContent
{
  background-color: White;
  font: normal 9pt Arial;
  width: 78%;
  float: left;
}

#UserInfoContent
{
  border: solid 1px #7091AF;
  background-color: #DAE6F4;
  width: 18%;
  float: right;
}

#RequestHeader
{
  color: #365C85;
  font-weight: bold;
  text-transform: uppercase;
  padding-bottom: 3px;
  display: block;
  float: left;
}

#RequestContent
{
  font: normal 10pt Arial;
  width: 90%;
  margin-top: 9px;
}

.PageInstructions
{
  display: block;
  margin-top: 6px;
  margin-bottom: 6px;
}

.PageHeader
{
  color: #365C85;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 6px;
  display: block;
  border-bottom: solid 1px #365C85;
}

.SectionHeader
{
  font-weight: bold;
  color: #0D3354;
  color: #191970;
  padding: 0px 0px 3px 0px;
  display: block;
}

.SectionItemLabel
{
  font-weight: bold;
  color: #4682B4;
  padding: 3px 0px 3px 10px;
  width: 200px;
}

.SectionItemValue
{
}

/* Value Styles */
.ValueSection
{
  padding-bottom: 16px;
}

.ValueItem
{
  padding-right: 25px;
}

.ValueLabel
{
  font-size: .9em;
  font-weight: bold;
  padding-right: 6px;
  text-transform: uppercase;
  color: #333333;
}

.ValueText
{
  font-size: .9em;
}

.ErrorMessage
{
  color: Red;
}

/* Search Styles */
.NoResults
{
  margin: 15px 0px 15px 0px;
  display: block;
}

.SearchResultGrid
{
  padding-top: 12px;
}

.SearchResult
{
  padding-bottom: 3px;
}

.SearchMatchLabel
{
}

.SearchMatch
{
  margin: 12px 0px 12px 0px;
}

.SearchMatchDescription
{
  color: Gray;
  padding-right: 6px;
}

/* Columns */
.SearchMatch.CheckBoxList.Columns {
  -webkit-column-gap: 15px;
  -webkit-column-count: 4;
  -moz-column-gap: 15px;
  -moz-column-count: 4;
  -ms-column-gap: 15px;
  -ms-column-count: 4;
  column-gap: 15px;
  column-count: 4;
  display: table;
  width: 100%;
  table-layout: fixed;
}

.SearchResultCount
{
  padding-bottom: 6px;
  display: block;
  color: #365C85;
}

.StatusAlert
{
  background-color: Red;
}

.StatusWarn
{
  background-color: Orange;
  color: White;
}

.ReportSection
{
  margin-top: 18px;
}

.ReportType
{
  display: block;
  margin: 12px 0px 3px 0px;
}

.ReportDescription
{
  display: block;
  margin: 0px 0px 0px 6px;
}

/* Total Styles */
.TotalPanel
{
  margin-top: 12px;
}

.TotalPanel table
{
  margin-top: 12px;
}

.TotalPanel table td
{
  padding: 3px 6px 3px 0px;
}

.TotalPanel .TotalCell
{
  border-top: solid 1px Silver;
}

/********** MHL Portal Toolbar **********/
#PhlHeader
{
  border: solid 1px DimGray;
  background-color: #3D6990;
}

#PhlHeader .HeaderToolbar
{
  width: 785px;
  margin: 0px auto 0px auto;
  padding: 6px 0px 0px 0px;
  position: relative;
  height: 24px;  
  background-image: url('../Media/Images/PHLBanner_30.png');
  background-repeat: no-repeat;
  padding-left: 175px;
}

#PhlHeader a
{
  font: normal normal bold 8pt Arial;
  color: White;
  text-transform: uppercase;
  padding: 0px 30px 0px 30px;
  margin-top: 10px;
  border-right: solid 1px White;
}

#PhlHeader a
{
  color: White;
  text-decoration: none;
}

#PhlHeader a:hover
{
  text-decoration: underline;
}

.ReportHeader
{
}

.ReportInstructions
{
}

.ReportResultCount
{
  display: block;
  color: #365C85;
}

.ReportNote
{
  font-style: italic;
  color: #A9A9A9;
  display: block;
}

.ReportNoteEmpty
{
  font-style: italic;
  color: #777777;
  display: block;
  border-style: none;
  border-width: 0px;
}

.ReportActionLink
{
}

/* Date Due Report Styles */
.DateDueSection
{
  margin-bottom: 12px;
}

.DateDueSectionHeader
{
  display: block;
  font-weight: bold;
  border-bottom: solid 1px Black;
  width: 50%;
  margin-bottom: 12px;
}

.DateDueResultItem
{
  margin-bottom: 6px;
}

.DateDueResultDescription
{
  color: Gray;
  padding-right: 6px;
}

.DateDueResultLink
{
  line-height: 15px;
}

/* Request Metrics Styles */
.RequestMetricsSectionHeader
{
  width: 90%;
  display: block;
  font-weight: bold;
  border-bottom: solid 1px Black;
  margin-bottom: 12px;
}

.RequestMetricsSection
{
  margin-bottom: 12px;
}

.RequestMetricsDescription
{
}

.RequestMetricsItem
{
}

.RequestMetricsBlock
{
  color: #444444;
  margin-left: 12px;
  margin-right: 12px;
  vertical-align: top;
  width: 30%;
  display: inline-block;
}

/* Report Table Styles */
.TopReportTableHeader
{
  border-left: solid 1px Silver;
  border-right: solid 1px Silver;
  border-bottom: solid 1px Silver;
  border-top: solid 1px Silver;
  background-color: #DDDDDD;
  font-weight: bold;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
}

.BottomReportTableHeader
{
  border-left: solid 1px Silver;
  border-right: solid 1px Silver;
  border-bottom: solid 1px Silver;
  background-color: #DDDDDD;
  border-collapse: collapse;
  font-weight: bold;
  width: 175px;
  text-align: center;
  padding-top: 3px;
  padding-bottom: 3px;
}

.ReportTableValue
{
  width: 175px;
  color: Gray;
  text-align: center;
  border-left: solid 1px Silver;
  border-right: solid 1px Silver;
  border-bottom: solid 1px Silver;
  border-collapse: collapse;
  height: 24px;
}

.ReportGrid
{
  border: solid 1px Silver;
  font-size: .9em;
}

.ReportTableHeader th
{
  background-color: #A90101;
  color: White;
  font-weight: bold;
  text-align: center;
  border-bottom: 1px solid Silver;
  padding: 6px 3px 6px 3px;
}

.ReportTableRow
{
  border-top: 1px solid Silver;
  text-align: center;
}

.AlternatingReportTableRow
{
  border-top: 1px solid Silver;
  text-align: center;
  background-color: #EEEEEE;
}

.ReportTableRowCell
{
  padding: 6px 3px 6px 3px;
  width: 100px;
  border-left: 1px Solid Silver;
}

.AlternatingReportTableRow td.ReportTableRowCell:first-child
{
  width: auto;
  white-space: nowrap;
  border-left-style: none;
}

.ReportTableRow td.ReportTableRowCell:first-child
{
  width: auto;
  white-space: nowrap;
  border-left-style: none;
}


.ReportTableRowCellSmall
{
  padding: 6px 3px 6px 3px;
  width: 100px;
  border-left: 1px Solid Silver;
	font-size:10px;
}

.AlternatingReportTableRow td.ReportTableRowCellSmall:first-child
{
  width: auto;
  white-space: nowrap;
  border-left-style: none;
}

.ReportTableRow td.ReportTableRowCellSmall:first-child
{
  width: auto;
  white-space: nowrap;
  border-left-style: none;
}

/*Flex Contain*/

.FlexContain {
  display: flex;
}

  .FlexContain > div {
    flex: 0 0 40%;
  }

    .FlexContain > div:first-child {
      margin-right: 10%;
    }

/* Input Styles*/

.FnlFieldSet div.InputSet {
  margin-bottom: 15px;
  display: inline-block;
  margin-right: 35px;
  vertical-align: top;
}

div.InputSet > label {
  display: inline-block;
  vertical-align: middle;
  color: #2a2b2c;
  margin: 0;
  letter-spacing: 0.04em;
}

.FnlFieldSet div.InputSet select, fieldset.FnlFieldSet div.InputSet input[type="text"], fieldset.FnlFieldSet div.InputSet textarea {
  height: 30px;
  display: block;
  border-radius: 3px;
  padding: 0 4px;
  line-height: 20px;
  margin-top: 8px;
  color: #525252;
  border-right: 1px solid #bdc5d2;
  border-bottom: 1px solid #c3cfdd;
  border-left: 1px solid #c4c7d4;
  border-top: 1px solid #b7b9c2;
  box-sizing: border-box;
}

.FnlFieldSet div.InputSet.SmallInput input[type="text"] {
  max-width: 145px;
}

.FnlFieldSet .InputSet.Horizontal input[type="text"], .FnlFieldSet .InputSet.Horizontal span, .FnlFieldSet .InputSet.Horizontal select, .FnlFieldSet .InputSet.Horizontal > div, .FnlFieldSet .InputSet.Horizontal > textarea {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  margin-top: 0;
}

/*Inline Input for items that you do not want label to be inline*/
.FnlFieldSet .InputSet.InlineInput label {
  display: block;
}

.FnlFieldSet .InputSet.InlineInput input[type="text"], .FnlFieldSet .InputSet.InlineInput select {
  display: inline-block;
  vertical-align: middle;
}

/* Search places */

.FilterContainer {
  padding: 0 12px;
  border: 1px solid #e3e3e3;
  background: #f4f4f4;
  margin: 0 0 15px 0;
}

  .FilterContainer div.InputSet {
    padding-right: 20px;
    margin: 0 15px 0 0;
    vertical-align: middle;
  }

#Administration .FilterContainer div.InputSet {
  margin: 0 12px 0 0;
  padding: 0 12px 0 0;
}

.FilterContainer div div.InputSet:not(:last-of-type) {
  border-right: 1px solid #e3e3e3;
}

#Administration .FilterContainer div.InputSet:last-of-type {
  margin: 0;
  padding: 0;
}

.FilterContainer div.InputSet.InlineInput input[type="text"], .FilterContainer div.InputSet.Horizontal#DateRange input[type="text"] {
  max-width: 82px;
}

.FilterContainer div.InputSet.InlineInput span {
  display: inline-block;
  margin: 8px 4px 0 4px;
  vertical-align: middle;
}

.FilterContainer div.InputSet.SmallInput select {
  max-width: 160px;
}

#Administration .FilterContainer div.InputSet.SmallInput select {
  max-width: 125px;
}

.FilterContainer div.ActionItems {
  border: none;
  margin: 10px 0 0 0;
}

.AddUserButton {
  float: right;
}

.BackButton {
  float: right;
  margin-top: 11px;
}

.RoleTable ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.ActionItems {
  margin: 14px 0 10px 0;
  border-top: 1px solid #dedede;
  padding-top: 10px;
}

.HalfPageWidth {
  max-width: 500px;
}

.RightAligned {
  text-align: right;
}