
.bottom-line {
  border-bottom: 1px solid #D7D7D7;
  padding: 20px 10px 11px 10px;
}

.overlayHeader {
  color: #545353;
  font: bold 20px Arial, serif;
  background-color: #fff !important;
}

.close-button {
  font-size: 2rem;
  color: #333333;
  cursor: pointer;
  text-align: right;
}

.description-text {
  padding: 10px 22px 11px 22px;
}

.second-Header {
  color: #545353;
  font: bold 18px Arial, serif;
  padding-bottom: 10px;
}

.border-right {
  border-right: 1px solid #D7D7D7;
}

.pad-left {
  padding-left: 40px;
}

.form-check {
  margin-left: 15px;
}

.form-check-label {
  font: 14px Arial, serif;
  display: inline-flex;
}

.wide-select {
  min-width: 230px;
}

.strong-separator {
  font-size: 16px;
  font-weight: bold;
}

.error {
  color: red;
}
.center-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
}
/**************** MENU BAR TO CONTEXT MENU ****************/
md-menu-bar button {
  padding: 2px 10px;
  background-color: #ffffff;
  border: 0px solid;
  color: #337ab7;
  font-size: 1.4rem;
}
md-menu-bar button:hover {
  background-color: #E5F0FC;
}

.md-open-menu-container md-menu-content {
  padding: 0px;
}
.md-open-menu-container md-menu-content md-menu-divider {
  margin-top: 0px;
  margin-bottom: 0px;
}
.md-open-menu-container md-menu-content md-menu-item {
  height: auto;
  border-left: 25px solid #F1F5FB;
  padding-left: 5px;
}
.md-open-menu-container md-menu-content md-menu-item .md-button {
  padding: 0px 0px;
  height: 26px;
  font-size: 1.2rem;
  line-height: inherit;
  min-height: inherit;
}
.md-open-menu-container md-menu-content md-menu-item .md-button span {
  height: auto;
}
.md-open-menu-container md-menu-content md-menu-item.sub-section {
  color: #612323;
  border-left: 0px;
  padding-top: 5px;
  padding-bottom: 5px;
}
.md-open-menu-container md-menu-content md-menu-item.sub-section .md-button {
  font-weight: bold;
  cursor: default;
}
.md-open-menu-container md-menu-content md-menu-item.sub-section .md-button:focus, .md-open-menu-container md-menu-content md-menu-item.sub-section .md-button:hover {
  background-color: #ffffff;
}

.btn-group .btn-link {
  font-size: 12px;
  padding-left: 5px;
  padding-right: 5px;
  z-index: 1;
}
.btn-group .btn-link:hover {
  background-color: #E5F0FC;
}
.btn-group .btn-link.dropdown-toggle {
  padding-left: 5px;
  padding-right: 5px;
  position: relative;
  right: 0px;
  z-index: 2;
}
.btn-group .btn-link.dropdown-toggle:hover {
  background-color: #E5F0FC;
}
.btn-group ul.dropdown-menu.cmMenuVertical {
  left: 0px;
  padding-bottom: 0px;
  border-radius: 0px;
}
.btn-group ul.dropdown-menu.cmMenuVertical li {
  padding: 0px 5px 2px 10px;
  margin-bottom: -1px;
}
.btn-group ul.dropdown-menu.cmMenuVertical li.cmheader, .btn-group ul.dropdown-menu.cmMenuVertical li.cmHeader {
  font-size: 12px;
  color: #612323;
  font-weight: 600;
}
.btn-group ul.dropdown-menu.cmMenuVertical li.cmSubheader {
  border-left: 25px solid #F1F5FB;
  font-size: 1.2rem;
  color: #612323;
  font-weight: 600;
}
.btn-group ul.dropdown-menu.cmMenuVertical li.cmGroupHeader {
  color: #3c3c3c;
  font-weight: bold;
  clear: both;
  padding: 2px, 8px, 1px, 2px;
  display: block;
}
.btn-group ul.dropdown-menu.cmMenuVertical li.divider {
  margin: 0px 0px 5px 0px;
  height: 0.05em;
}
.btn-group ul.dropdown-menu.cmMenuVertical ul.cmTier {
  border-left: 25px solid #F1F5FB;
  margin-left: -10px;
  padding-left: 0px;
}
.btn-group ul.dropdown-menu.cmMenuVertical ul.cmTier .cmItem {
  line-height: 14px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn-group ul.dropdown-menu.cmMenuVertical ul.cmTier li {
  list-style: none;
  font-size: 12px;
  padding-left: 10px;
}
.btn-group ul.dropdown-menu.cmMenuVertical ul.cmTier li a.cmLink > img {
  margin-left: -30px;
}
.btn-group ul.dropdown-menu.cmMenuVertical ul.cmTier li a.cmLink > i {
  color: #000000;
  margin-left: -30px;
  height: 12px;
  width: 12px;
}
.btn-group ul.dropdown-menu.cmMenuVertical ul.cmTier li i + .cmText {
  margin-left: 14px;
}
.gs-faq-list {
  border-top: 1px solid #d3d3d3;
  padding-top: 10px;
  margin-top: 10px;
}
.gs-faq-list > a {
  font-size: 12px;
  font-weight: bold;
  display: block;
}
.gs-faq-list ul {
  list-style-type: none;
  padding-left: 5px;
  padding-top: 10px;
  margin: 0px;
  display: inline-block;
  vertical-align: top;
  min-width: 50%;
}
.gs-faq-list ul li {
  padding-top: 5px;
  padding-bottom: 5px;
}
.flagComponent {
  float: left;
}

.noFlagIcon a {
  color: #005391 !important;
  text-decoration: none !important;
  font-weight: bold !important;
}

.flagActiveIcon {
  height: 25px;
  width: 25px;
  display: block;
  visibility: visible;
}

.flagActiveIcon span:hover {
  border: 1px solid #B22222;
  background-size: 80% !important;
  background-position: 2px 2px !important;
}

.flagActiveIcon span:focus {
  border: 1px solid #B22222;
  background-size: 80% !important;
  background-position: 2px 2px !important;
}

.flagActiveIcon span {
  background-image: url(../../images/flagNeedsAttn.png);
  background-repeat: no-repeat;
  background-position: -1px 2px;
}

.flagActiveCommentIcon {
  height: 25px;
  width: 25px;
  display: block;
  visibility: visible;
}

.flagActiveCommentIcon span:hover {
  border: 1px solid #B22222;
  background-size: 80% !important;
  background-position: 2px 2px !important;
}

.flagActiveCommentIcon span:focus {
  border: 1px solid #B22222;
  background-size: 80% !important;
  background-position: 2px 2px !important;
}

.flagActiveCommentIcon span {
  background-image: url(../../images/flagNeedsAttnComment.png);
  background-repeat: no-repeat;
  background-position: -1px 2px;
}

.flagResolvedIcon {
  height: 25px;
  width: 25px;
  display: block;
  visibility: visible;
}

.flagResolvedIcon span:hover {
  border: 1px solid #1F8462;
  background-size: 80% !important;
  background-position: 2px 2px !important;
}

.flagResolvedIcon span:focus {
  border: 1px solid #1F8462;
  background-size: 80% !important;
  background-position: 2px 2px !important;
}

.flagResolvedIcon span {
  background-image: url(../../images/flagResolved.png);
  background-repeat: no-repeat;
  background-position: -1px 2px;
}

.flagResolvedCommentIcon {
  height: 25px;
  width: 25px;
  display: block;
  visibility: visible;
}

.flagResolvedCommentIcon span:hover {
  border: 1px solid #1F8462;
  background-size: 80% !important;
  background-position: 2px 2px !important;
}

.flagResolvedCommentIcon span:focus {
  border: 1px solid #1F8462;
  background-size: 80% !important;
  background-position: 2px 2px !important;
}

.flagResolvedCommentIcon span {
  background-image: url(../../images/flagResolvedComment.png);
  background-repeat: no-repeat;
  background-position: -1px 2px;
}

.flagIcon {
  height: 100%;
  display: block;
  visibility: visible;
  background-size: 90%;
}

.flagButton {
  cursor: pointer;
}

.flaglink {
  padding-right: 5px;
}

@media (min-width: 200px) {
  .flagOverlayComponent .modal-dialog {
    max-width: 50% !important;
    width: 50% !important;
    margin: auto !important auto !important;
  }
}
#flagOverlayClose :focus, #flagOverlayClose :active {
  border: 2px solid #5bc0de;
}

.flagOverlayBody {
  padding-bottom: 0px !important;
}

.flagOverlayBody .card {
  width: 100% !important;
  display: block;
}

.flagOverlayHeader, .flagOverlayHeader.modal-title, .flagOverlayHeader h2 {
  background-color: #d4e4f1 !important;
  color: #0e3c58 !important;
}

.flagCheckboxList .checkboxlist {
  width: 300px !important;
}

.flagOverlayComponent hr {
  width: 95%;
}

.flagFooterButton {
  margin: 10px 30px;
}

.flagError {
  background-image: url(../../images/erroricon.png);
  background-repeat: no-repeat;
  background-position: 1px 1px;
  width: 14px;
  height: 14px;
  float: left;
}

.flagHistoryWindow {
  padding: 5px;
  margin-bottom: 5px;
  margin-top: 5px;
  max-height: 160px;
  overflow-y: scroll;
}

.flagHistoryActionComponent {
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #bbb !important;
  padding: 0px !important;
  min-height: 50px;
}

.whiteBox {
  background-color: #fff;
  height: 99%;
  min-height: 50px;
  width: 99%;
  margin-left: 8px;
  padding: 10px;
  margin-top: 5px;
  margin-bottom: 5px;
  border: 1px solid #bbb !important;
  overflow: hidden;
}

.flagHistoryMessage {
  float: left;
  width: 97%;
  height: 99%;
  min-height: 50px;
  border-right: 2px solid #bbb;
}

.showMore {
  cursor: pointer;
  margin-right: 10px;
  background-color: #145388 !important;
}

.flagHistoryActionFooter {
  height: 25px;
  float: right;
  margin-top: 10px;
}

.flagHistoryActionFooterLargeScreen {
  width: 25%;
}

.flagHistoryActionFooterSmallScreen {
  width: 35%;
}

.flagHistoryMessageDate {
  font-size: smaller;
  margin-left: 3px;
  float: left;
  width: auto;
}

.flagHistoryMessageDate span {
  background-image: url(../../images/flagcalendar.png);
  background-repeat: no-repeat;
  background-position: -1px 2px;
  width: 20px;
  height: 20px;
  float: left;
}

.flagHistoryMessageVisibility {
  float: right;
  margin-right: 10px;
}

.flagHistoryMessageVisibility span:focus {
  background-image: url(../../images/flaguserblue.png);
  background-repeat: no-repeat;
  background-position: -1px 2px;
  width: 20px;
  height: 20px;
  float: left;
}

.flagHistoryMessageVisibility span:active {
  background-image: url(../../images/flaguserblue.png);
  background-repeat: no-repeat;
  background-position: -1px 2px;
  width: 20px;
  height: 20px;
  float: left;
}

.flagHistoryMessageVisibility .flagMultiGroup {
  background-image: url(../../images/flagusers.png);
  background-repeat: no-repeat;
  background-position: -1px 2px;
  width: 20px;
  height: 20px;
  float: left;
}

.flagHistoryMessageVisibility .flagSingleGroup {
  background-image: url(../../images/flaguser.png);
  background-repeat: no-repeat;
  background-position: -1px 2px;
  width: 20px;
  height: 20px;
  float: left;
}

.flagHistoryDelete {
  width: 3%;
  float: left;
  padding-left: 3px;
  position: absolute;
}

.flagHistoryDelete span:focus {
  background-image: url(../../images/flagtrashblue.png);
  background-repeat: no-repeat;
  background-position: -1px 2px;
  width: 20px;
  height: 20px;
}

.flagHistoryDelete span:hover {
  background-image: url(../../images/flagtrashblue.png);
  background-repeat: no-repeat;
  background-position: -1px 2px;
  width: 20px;
  height: 20px;
}

.flagHistoryDelete span {
  background-image: url(../../images/flagtrash.png);
  background-repeat: no-repeat;
  background-position: -1px 2px;
  width: 20px;
  height: 20px;
}

.flagHistoryDeleteLargeScreen {
  right: 7px !important;
}

.flagHistoryDeleteSmallScreen {
  right: 8px !important;
}

.flagHistoryDelete ngb-tooltip-window {
  top: -10px !important;
  left: -130px !important;
  width: 120px !important;
}

.flagAdded {
  border-left: 5px solid #B22222 !important;
  border-bottom: 3px solid #B22222 !important;
}

.flagUpdated {
  border-left: 5px solid #1F3D84 !important;
  border-bottom: 3px solid #1F3D84 !important;
}

.flagResolved {
  border-left: 5px solid #1F8462 !important;
  border-bottom: 3px solid #1F8462 !important;
}

.flagRemoved {
  border-left: 5px solid #000000 !important;
  border-bottom: 3px solid #000000 !important;
}

div.focusErrorMessage:focus {
  outline: 1px solid #ff0606 !important;
}

div.focusSuccessMessage:focus {
  outline: 1px solid #167449 !important;
}

div.focusAlertMessage:focus {
  outline: 1px solid #f5da57 !important;
}

.fa-star.overlay {
  background-position: 2px 2px !important;
}

.flag-fa-yellow {
  color: #e5c100;
}

.flag-fa-red {
  color: #8B1A1A;
}

.flagErrorWordWrap {
  word-wrap: break-word;
}

.flagNeedsAttnIconDisplay {
  background-image: url(../../images/flagNeedsAttn.png);
  background-repeat: no-repeat;
  background-position: -1px 2px;
}

.flagNeedsAttnCommentIconDisplay {
  background-image: url(../../images/flagNeedsAttnComment.png);
  background-repeat: no-repeat;
  background-position: -1px 2px;
}

.flagResolvedIconDisplay {
  background-image: url(../../images/flagResolved.png);
  background-repeat: no-repeat;
  background-position: -1px 2px;
}

.flagResolvedCommentIconDisplay {
  background-image: url(../../images/flagResolvedComment.png);
  background-repeat: no-repeat;
  background-position: -1px 2px;
}
table.pfm-grid-enhanced td.action-column {
  width: 150px;
  text-align: center;
}

.fa-check-style-grid-enhanced {
  font-size: 1em !important;
  color: white;
  background-color: #3a8080;
  padding: 4px 2px !important;
}

.input-checkbox-grid-enhanced {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1.8rem !important;
  height: 1.8rem !important;
  background-color: #fff !important;
  cursor: pointer !important;
  outline: none !important;
  position: relative !important;
  border: 1px solid #7f7f7f;
}

.input-checkbox-grid-enhanced:checked::before {
  content: "\f00c";
  font-family: "FontAwesome";
  color: white;
  font-size: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.input-checkbox-grid-enhanced:checked {
  background-color: #3a8080 !important;
  border-color: #3a8080;
}

.fa-angle-down-ge {
  font-size: 1.4rem !important;
  font-weight: bold !important;
  color: #3a8080;
}

.fa-square-o-grid-enhanced-style {
  font-size: 1.2em !important;
  padding: 3px !important;
}

.searchView-enhanced {
  font-size: 1.8rem;
  color: rgba(85, 85, 85, 0.8392156863);
}

.searchView-enhanced:hover {
  font-size: 1.8rem;
  color: #7f7f7f !important;
  text-decoration: none !important;
}

.popup-enhancedgrid-text {
  font-family: "Arial-BoldMT", "Arial Bold", "Arial", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 15px;
  color: #193D58;
  float: left;
  margin-top: 1rem;
}

.popup-enhancedgrid {
  position: fixed;
  left: 50%;
  transform: translate(-50%, 0);
  bottom: 0;
  width: 1053px;
  height: 58px;
  background: inherit;
  background-color: rgba(215, 215, 215, 0.9098039216);
  border: none;
  border-radius: 9px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: white;
  text-align: center;
  padding: 10px;
  align-items: center;
  transition: bottom 0.3s ease-in-out;
  z-index: 1000;
}

.popup-enhancedgrid .btn {
  background-color: rgb(25, 61, 88);
  color: white;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
  border-radius: 5px;
  margin-top: 0.5rem;
  margin-right: 2rem;
}

.popup-enhancedgrid .btn:hover {
  color: rgb(236, 164, 33);
}

.popup-enhancedgrid .btn-container {
  float: right;
}

table.pfm-grid-enhanced {
  table-layout: auto;
  /*Grid Sorting*/
  /*Grid Pagination*/
}
table.pfm-grid-enhanced .dropdown-menu {
  padding: 0 !important;
}
table.pfm-grid-enhanced .btn-outline-selectall-ge:hover {
  background-color: lightgray;
  cursor: pointer;
}
table.pfm-grid-enhanced .btn-outline-selectall-ge:focus {
  border: 1px solid black;
}
table.pfm-grid-enhanced .dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 1.5rem;
  clear: both;
  font-weight: normal;
  color: #292b2c;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}
table.pfm-grid-enhanced .dropdown-item:hover {
  cursor: pointer;
  background-color: rgba(211, 211, 211, 0.2588235294);
}
table.pfm-grid-enhanced .dropdown-group-header {
  font-weight: 700;
  padding: 3px 1rem;
  color: #193D58;
  background-color: rgba(211, 211, 211, 0.5098039216);
}
table.pfm-grid-enhanced .btn-group ul.dropdown-menu.cmMenuVertical ul.cmTier li i + .cmText {
  margin-left: 0px !important;
  margin-right: 10px !important;
}
table.pfm-grid-enhanced .fa-popuptab {
  font-size: 1.2rem !important;
  float: right !important;
}
table.pfm-grid-enhanced .btn-group ul.dropdown-menu.cmMenuVertical li {
  padding-right: 0px !important;
}
table.pfm-grid-enhanced .btn-group ul.dropdown-menu.cmMenuVertical li.cmheader {
  color: #193D58;
}
table.pfm-grid-enhanced .btn-group ul.dropdown-menu.cmMenuVertical ul.cmTier .cmItem:hover {
  background-color: rgba(211, 211, 211, 0.3607843137);
}
table.pfm-grid-enhanced li.cmItem a {
  display: block;
  width: 100%;
  height: 100%;
}
table.pfm-grid-enhanced li.cmItem a:hover {
  color: black;
  text-decoration: none !important;
}
table.pfm-grid-enhanced div.btn-group > div > a.btn.btn-link.hidden-xs:hover {
  background-color: #d1e4e4 !important;
  text-decoration: none !important;
}
table.pfm-grid-enhanced div.btn-group button.btn.btn-link.dropdown-toggle:hover {
  background-color: #d1e4e4 !important;
  text-decoration: none !important;
  cursor: pointer;
}
table.pfm-grid-enhanced div.btn-group > div > a.btn.btn-link.hidden-xs:focus {
  box-shadow: 0 0 0 2px #d1e4e4 !important;
}
table.pfm-grid-enhanced div.btn-group button.btn.btn-link.dropdown-toggle:focus {
  box-shadow: 0 0 0 2px #d1e4e4 !important;
}
table.pfm-grid-enhanced span.cmText {
  color: black;
  padding-right: 12px;
}
table.pfm-grid-enhanced .btn-group ul.dropdown-menu.cmMenuVertical ul.cmTier {
  border-left: 25px solid rgba(209, 228, 228, 0.4509803922) !important;
}
table.pfm-grid-enhanced div .headerbtn.headerbtnenabled:focus {
  border: 1px solid black;
}
table.pfm-grid-enhanced div .headerlabelbtn.monthlabel:focus {
  border: 1px solid black;
}
table.pfm-grid-enhanced div .headerlabelbtn.yearlabel:focus {
  border: 1px solid black;
}
table.pfm-grid-enhanced #dateFilter.dropdown-toggle::after {
  position: relative;
  top: -3px;
}
table.pfm-grid-enhanced #dateFilter:focus {
  border: 1px solid #5cb3fd;
}
table.pfm-grid-enhanced .datePicker {
  width: 100% !important;
  padding: 1px;
  background-color: #fff;
  position: relative;
  top: 3px;
}
table.pfm-grid-enhanced .datePicker:focus-within {
  border: 1px solid #5cb3fd;
}
table.pfm-grid-enhanced tbody > tr {
  border-left: 1px solid #eceeef;
  border-right: 1px solid #eceeef;
}
table.pfm-grid-enhanced tbody > tr:hover {
  background-color: #f2f2f2;
}
table.pfm-grid-enhanced .noRecordsRow {
  background-color: white !important;
  color: black;
}
table.pfm-grid-enhanced .ddlHeight {
  height: 30px !important;
}
table.pfm-grid-enhanced .pagination-container .pagination .pager {
  padding: 1px 5px !important;
}
table.pfm-grid-enhanced .pagination-container .pagination input {
  height: 28px !important;
}
table.pfm-grid-enhanced .pagination-container .pagination select {
  height: 28px !important;
}
table.pfm-grid-enhanced .pagination-container .pagination .btn {
  height: 28px !important;
}
table.pfm-grid-enhanced .customize-display-container {
  background-color: #fff;
  width: 175px;
}
table.pfm-grid-enhanced .customize-display-container td {
  background-color: #fff;
  padding: 0px;
  border: none;
}
table.pfm-grid-enhanced .filter input {
  height: 30px !important;
}
table.pfm-grid-enhanced thead > tr > th, table.pfm-grid-enhanced thead > tr > td {
  color: #FFFFFF;
  border-bottom: 1px solid #A8B7B5 !important;
  border-left: 1px solid #A8B7B5;
  border-right: 1px solid #A8B7B5;
  padding: 5px;
  text-align: left;
  background-color: #3a8080;
}
table.pfm-grid-enhanced tr.pagination-container td {
  background-color: #fff;
  border-left: 0px;
  border-right: 0px;
  padding: 3px 0px;
}
table.pfm-grid-enhanced tbody > tr > th {
  font-weight: normal;
  color: #000000;
}
table.pfm-grid-enhanced th:last-child {
  border-right: 1px solid #A8B7B5;
}
table.pfm-grid-enhanced th.detail-view, table.pfm-grid-enhanced td.detail-view {
  width: 30px;
  border-top: 1px solid #D4DCDB;
}
table.pfm-grid-enhanced th:focus span {
  border: 1px dotted;
}
table.pfm-grid-enhanced th.filter, table.pfm-grid-enhanced td.filter {
  background: #ebebeb;
  padding: 3px;
}
table.pfm-grid-enhanced th.filter .input-filter, table.pfm-grid-enhanced td.filter .input-filter {
  padding: 0px 0px 0px 2px;
  min-height: 24px;
  height: 30px !important;
}
table.pfm-grid-enhanced tbody {
  border-bottom: 1px solid #dddddd;
}
table.pfm-grid-enhanced td {
  padding: 0.5em;
  vertical-align: middle;
  color: #000000;
}
table.pfm-grid-enhanced .btn-link, table.pfm-grid-enhanced .btn-link:active, table.pfm-grid-enhanced .btn-link:focus, table.pfm-grid-enhanced .btn-link:hover {
  color: #02437c;
  font-size: 1.2rem;
}
table.pfm-grid-enhanced .btn-link.disabled:hover, table.pfm-grid-enhanced .btn-link.disabled {
  color: #373737 !important;
}
table.pfm-grid-enhanced tr.detail-view {
  /*td:last-of-type*/
  padding: 3px 0px !important;
}
table.pfm-grid-enhanced tr.detail-view td {
  background-color: #fff;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}
table.pfm-grid-enhanced tr.detail-view .col_title {
  font-weight: bold;
}
table.pfm-grid-enhanced tr.detail-view ul.double {
  display: block;
  padding-left: 0px;
  list-style: none;
}
table.pfm-grid-enhanced tr.detail-view ul.double li {
  display: inline-block;
  min-width: 200px;
  width: 45%;
  padding-top: 3px;
  padding-bottom: 3px;
  float: left;
  margin-bottom: 5px;
  word-wrap: break-word;
}
table.pfm-grid-enhanced .fa {
  font-size: 2rem;
  padding: 0px 4px;
}
table.pfm-grid-enhanced td > a > .fa-chevron-right,
table.pfm-grid-enhanced td > a > .fa-chevron-down {
  font-size: 1.4rem;
}
table.pfm-grid-enhanced .detail-view_wrapper {
  background-color: #FAFAFA;
}
table.pfm-grid-enhanced th.action-column, table.pfm-grid-enhanced td.action-column {
  width: 150px;
  text-align: center;
}
table.pfm-grid-enhanced th.sortable {
  cursor: pointer;
  padding-right: 18px;
  position: relative;
}
table.pfm-grid-enhanced th.sortable::after, table.pfm-grid-enhanced th.sortable::before {
  border-color: white transparent;
  border-style: solid;
  border-width: 0 4px 4px;
  content: "";
  margin-top: -4px;
  opacity: 0.6;
  position: absolute;
  right: 5px;
  top: 50%;
  visibility: visible;
}
table.pfm-grid-enhanced th.sortable::before {
  border-color: #000 transparent -moz-use-text-color;
  border-style: solid solid none;
  border-width: 4px 4px 0;
  margin-top: 2px;
}
table.pfm-grid-enhanced .table-striped-enhanced tbody tr:nth-of-type(odd) {
  background-color: white !important;
}
table.pfm-grid-enhanced th.sortable:hover::after, table.pfm-grid-enhanced th.sortable:hover::before {
  opacity: 1.6;
  visibility: visible;
}
table.pfm-grid-enhanced th.sortable.st-sort-descent, table.pfm-grid-enhanced th.sortable.st-sort-ascent {
  background-color: #3a8080;
}
table.pfm-grid-enhanced th.sortable.st-sort-descent::after, table.pfm-grid-enhanced th.sortable.st-sort-ascent::after {
  margin-top: -2px;
}
table.pfm-grid-enhanced th.sortable.st-sort-descent::before, table.pfm-grid-enhanced th.sortable.st-sort-ascent::before {
  visibility: hidden;
}
table.pfm-grid-enhanced th.sortable.st-sort-ascent::after,
table.pfm-grid-enhanced th.sortable.st-sort-ascent:hover::after {
  opacity: 1.6;
  visibility: visible;
}
table.pfm-grid-enhanced th.sortable.st-sort-descent::after {
  border-color: #FFFFFF transparent -moz-use-text-color;
  border-style: solid solid none;
  border-width: 4px 4px 0;
  box-shadow: none;
  opacity: 0.6;
  visibility: visible;
}
table.pfm-grid-enhanced .pagination-container td {
  padding: 0px 0px 0.3em 0px;
}
table.pfm-grid-enhanced .pagination-container select {
  height: 28px !important;
  font-size: 1.2rem;
}
table.pfm-grid-enhanced .pagination-container select:hover {
  cursor: pointer;
}
table.pfm-grid-enhanced .pagination-container button {
  padding: 6px 10px;
  margin-top: -2px;
}
table.pfm-grid-enhanced .pagination-container nav, table.pfm-grid-enhanced .pagination-container span {
  display: inline-block;
  vertical-align: middle;
  color: black;
}
table.pfm-grid-enhanced .pagination-container .pagination {
  margin: 0px !important;
}
table.pfm-grid-enhanced .pagination-container .pagination .page-item {
  background: #fff;
  padding-top: 1px;
}
table.pfm-grid-enhanced .pagination-container .pagination .page-item a {
  border: none;
  border-radius: 0;
}
table.pfm-grid-enhanced .pagination-container .pagination .page-item a i {
  font-size: 1.8rem;
  color: #aaaaaa;
}
table.pfm-grid-enhanced .pagination-container .pagination .page-item a:hover {
  border-radius: 50%;
  background: #f2f2f2 !important;
  cursor: pointer;
}
table.pfm-grid-enhanced .pagination-container .pagination .pager {
  padding: 1px 5px;
}
table.pfm-grid-enhanced .pagination-container input {
  display: inline;
  width: 50px;
  height: 28px !important;
  font-size: 1.2rem;
  text-align: center;
}
table.pfm-grid-enhanced .pagination-container select {
  display: inline;
  width: auto;
}
table.pfm-grid-enhanced .pagination-container .item-count {
  padding-top: 10px;
  color: rgba(85, 85, 85, 0.8392156863);
  font-size: 1.4rem;
}

.page-sm table.pfm-grid-enhanced tr.detail-view, .page-md table.pfm-grid-enhanced tr.detail-view, .page-lg table.pfm-grid-enhanced tr.detail-view {
  padding: 3px 30px 3px 0px !important;
  /*float: left;*/
}

table.pfm-grid-enhanced.table-silver th {
  border-top: 1px solid #dddddd !important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff

  +0,ededed+100 */
  background: rgb(255, 255, 255); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(237, 237, 237) 100%); /* FF3.6

-15 */
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(237, 237, 237) 100%); /* 

Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(237, 237, 237) 100%); /* W3C, 

IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ededed",GradientType=0 ); /* IE6-9 */
}
table.pfm-grid-enhanced.table-silver th.filter {
  background: #eeeeee;
  padding: 3px;
}
table.pfm-grid-enhanced.table-silver th.filter .filter-cell {
  padding-right: 30px;
}
table.pfm-grid-enhanced.table-silver th.filter .filter-cell .input-filter, table.pfm-grid-enhanced.table-silver th.filter .filter-cell select.form-control {
  padding: 0px 0px 0px 2px;
  min-height: 24px;
  height: 43px !important;
}

table.pfm-grid-enhanced.table-bordered {
  border-left: 0px solid;
  border-right: 0px solid;
}

@media all and (-ms-high-contrast: none) {
  table.pfm-grid-enhanced .fa-square-o {
    background-image: url(../../images/grid/fa_square.png);
    background-repeat: no-repeat;
    background-position: 0.4px 0.5px;
    background-size: 34px;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
  }
  table.pfm-grid-enhanced .btn-outline-selectall-ge {
    outline: white;
    background-color: transparent;
    border-color: white;
  }
  table.pfm-grid-enhanced .fa-check:before {
    color: white !important;
    background-color: #3a8080 !important;
  }
  table.pfm-grid-enhanced .fa-minus-square-o {
    background-image: url(../../images/grid/fa_minus-square.png);
    background-repeat: no-repeat;
    background-position: 0.4px 0.5px;
    background-size: 34px;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
  }
  table.pfm-grid-enhanced .fa-check {
    background-image: url(../../images/grid/fa_check.png);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 34px;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
  }
  table.pfm-grid-enhanced .btn-outline-selectall-ge:hover {
    color: #FFFFFF;
    background-color: none;
    border-color: none;
    cursor: pointer;
  }
}
.grid-groupBy-header {
  cursor: pointer;
  background-color: #F2F2F2;
}

.activeSearchItemEnhanced {
  width: 210px;
  font-size: 13px;
  background-color: #e0e0e0 !important;
}

.groupTitleBeginning {
  color: #333;
  font-weight: 500;
}

.groupTitleData {
  color: #326F6F;
  font-weight: 700;
}
.grid-overlay-header button {
  font-size: 2rem;
}

.grid-overlay-fotter button {
  font-size: 1.2rem;
}

.modal-header-enhanced {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 10px;
  border-bottom: 1px solid #eceeef;
  background-color: #3a8080;
  color: #fff;
}

.modal-header {
  align-items: center;
}

.modal-body-enhanced {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  padding: 15px;
  background-color: #eeeff0;
  display: flex;
  font-size: larger;
}

.close-btn-enhanced {
  background-color: white;
  color: #377d75;
  border: 2px solid #ccc;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  font-size: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.btn-primary-enhanced {
  background-color: #377d75;
  border-color: #377d75;
  color: white;
  padding: 6px 12px;
  transition: background-color 0.3s ease;
}
.btn-primary-enhanced:hover {
  background-color: #285b57;
  border-color: #285b57;
}

.btn-secondary-enhanced {
  background-color: #e7e7e7;
  border-color: #c7c7c7;
  color: black;
  padding: 6px 12px;
  border-radius: 4px;
  transition: background-color 0.3s ease;
}
.btn-secondary-enhanced:hover {
  background-color: #c7c7c7;
  border-color: #a7a7a7;
}

.modal-footer-enhanced {
  background-color: #eeeff0;
  border-top: 1px solid #d9d0d0;
}
/*********************
***    Platform Grid View (pfm-grid)   ***
*********************/
#mainarea .row .container-fluid {
  margin-top: 40px;
}

.fa-upload {
  color: #58a098;
}

.activeSearchItem {
  width: 210px;
  font-size: 13px;
  background-color: Highlight;
}

.sortchip {
  display: inline-block;
  padding: 2px 10px;
  height: 22px;
  font-size: 12px;
  line-height: 18px;
  border-radius: 11px;
  background-color: #f1f1f1;
  margin: 0 3px;
}

.closex {
  color: #005391 !important;
}

.closex:hover {
  color: #92320A !important;
}

.sort-exp-space {
  line-height: 10px;
}

.filterDesc {
  padding: 2px 10px;
}

.searchDropdown:focus {
  border-radius: 1px;
}

.savedSearchItem {
  width: 210px;
  font-size: 13px;
}

.savedSearchItem:hover {
  background-color: #d7d7d7;
  color: #03435f;
}

.activeSearchOption:focus {
  outline-style: solid;
  outline-color: black;
}

button.activeSearchOption {
  outline: none;
  border: none;
  background: none;
  color: black;
}

.savedSearchOption:focus {
  outline-style: solid;
  outline-color: black;
}

button.savedSearchOption {
  outline: none;
  border: none;
  background: none;
  color: #016FA0;
}

button.deleteSavedSearch {
  float: right;
}

.fa-trash-o {
  color: #d40b0b;
  float: right;
}

ul.sort-expression-panel {
  list-style-type: none;
  padding: 0px;
}

ul.sort-expression-panel li {
  float: left;
}
ul.sort-expression-panel li:not(:first-child) {
  margin-left: 5px;
  padding-left: 5px;
  border-left: 1px dotted #787878;
}

.table > thead > tr > th, .table > thead > tr > td {
  border-bottom: 1px solid #9a0101;
  vertical-align: middle;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f5f5f5;
}

table.pfm-grid td.action-column {
  width: 150px;
  text-align: center;
}

table.pfm-grid {
  table-layout: auto;
  /*Grid Sorting*/
  /*Grid Pagination*/
}
table.pfm-grid .ddlHeight {
  height: 30px !important;
}
table.pfm-grid .pagination-container .pagination .pager {
  padding: 1px 5px !important;
}
table.pfm-grid .pagination-container .pagination input {
  height: 28px !important;
}
table.pfm-grid .pagination-container .pagination select {
  height: 28px !important;
}
table.pfm-grid .pagination-container .pagination .btn {
  height: 28px !important;
}
table.pfm-grid .filter input {
  height: 30px !important;
}
table.pfm-grid thead > tr > th, table.pfm-grid thead > tr > td {
  color: #30414e;
  border-bottom: 1px solid #A8B7B5 !important;
  border-left: 1px solid #A8B7B5;
  border-right: 1px solid #A8B7B5;
  padding: 5px;
  text-align: left;
  background-color: #DEECF3;
}
table.pfm-grid tr.pagination-container td {
  background-color: #fff;
  border-left: 0px;
  border-right: 0px;
  padding: 3px 0px;
}
table.pfm-grid tbody > tr > th {
  font-weight: normal;
  color: #000000;
}
table.pfm-grid th:last-child {
  border-right: 1px solid #A8B7B5;
}
table.pfm-grid th.detail-view, table.pfm-grid td.detail-view {
  width: 30px;
  border-top: 1px solid #D4DCDB;
}
table.pfm-grid th:focus span {
  border: 1px dotted;
}
table.pfm-grid th.filter, table.pfm-grid td.filter {
  background: #ebebeb;
  padding: 3px;
}
table.pfm-grid th.filter .input-filter, table.pfm-grid td.filter .input-filter {
  padding: 0px 0px 0px 2px;
  min-height: 24px;
  height: 30px !important;
}
table.pfm-grid tbody {
  border-bottom: 1px solid #dddddd;
}
table.pfm-grid td {
  padding: 0.5em;
  vertical-align: middle;
  color: #000000;
}
table.pfm-grid .btn-link, table.pfm-grid .btn-link:active, table.pfm-grid .btn-link:focus, table.pfm-grid .btn-link:hover {
  color: #02437c;
  font-size: 1.2rem;
}
table.pfm-grid .btn-link.disabled:hover, table.pfm-grid .btn-link.disabled {
  color: #373737 !important;
}
table.pfm-grid tr.detail-view {
  /*td:last-of-type*/
  padding: 3px 0px !important;
}
table.pfm-grid tr.detail-view td {
  background-color: #fff;
  border-top: 1px solid #cfcfcf;
  border-bottom: 1px solid #cfcfcf;
}
table.pfm-grid tr.detail-view .col_title {
  font-weight: bold;
}
table.pfm-grid tr.detail-view ul.double {
  display: block;
  padding-left: 0px;
  list-style: none;
}
table.pfm-grid tr.detail-view ul.double li {
  display: inline-block;
  min-width: 200px;
  width: 45%;
  padding-top: 3px;
  padding-bottom: 3px;
  float: left;
  margin-bottom: 5px;
  word-wrap: break-word;
}
table.pfm-grid .fa {
  font-size: 1rem;
  padding: 0px 4px;
}
table.pfm-grid .detail-view_wrapper {
  background-color: #FAFAFA;
}
table.pfm-grid th.action-column, table.pfm-grid td.action-column {
  width: 150px;
  text-align: center;
}
table.pfm-grid th.sortable {
  cursor: pointer;
  padding-right: 18px;
  position: relative;
}
table.pfm-grid th.sortable::after, table.pfm-grid th.sortable::before {
  border-color: #000 transparent;
  border-style: solid;
  border-width: 0 4px 4px;
  content: "";
  margin-top: -4px;
  opacity: 0.3;
  position: absolute;
  right: 5px;
  top: 50%;
  visibility: visible;
}
table.pfm-grid th.sortable::before {
  border-color: #000 transparent -moz-use-text-color;
  border-style: solid solid none;
  border-width: 4px 4px 0;
  margin-top: 2px;
}
table.pfm-grid th.sortable:hover::after, table.pfm-grid th.sortable:hover::before {
  opacity: 1;
  visibility: visible;
}
table.pfm-grid th.sortable.st-sort-descent, table.pfm-grid th.sortable.st-sort-ascent {
  background-color: #f1f7fa;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}
table.pfm-grid th.sortable.st-sort-descent::after, table.pfm-grid th.sortable.st-sort-ascent::after {
  margin-top: -2px;
}
table.pfm-grid th.sortable.st-sort-descent::before, table.pfm-grid th.sortable.st-sort-ascent::before {
  visibility: hidden;
}
table.pfm-grid th.sortable.st-sort-ascent::after,
table.pfm-grid th.sortable.st-sort-ascent:hover::after {
  opacity: 0.6;
  visibility: visible;
}
table.pfm-grid th.sortable.st-sort-descent::after {
  border-color: #30414e transparent -moz-use-text-color;
  border-style: solid solid none;
  border-width: 4px 4px 0;
  box-shadow: none;
  opacity: 0.6;
  visibility: visible;
}
table.pfm-grid .pagination-container td {
  padding: 0px 0px 0.3em 0px;
}
table.pfm-grid .pagination-container select {
  height: 28px !important;
  font-size: 1.2rem;
}
table.pfm-grid .pagination-container select:hover {
  cursor: pointer;
}
table.pfm-grid .pagination-container button {
  padding: 6px 10px;
  margin-top: -2px;
}
table.pfm-grid .pagination-container nav, table.pfm-grid .pagination-container span {
  display: inline-block;
  vertical-align: middle;
}
table.pfm-grid .pagination-container .pagination {
  margin: 0px !important;
}
table.pfm-grid .pagination-container .pagination .page-item {
  background: #fff;
  padding-top: 1px;
}
table.pfm-grid .pagination-container .pagination .page-item a {
  background: #DEECF3 !important;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
}
table.pfm-grid .pagination-container .pagination .page-item a i {
  color: #30414e;
  font-size: 1.2rem;
}
table.pfm-grid .pagination-container .pagination .page-item a:hover {
  background: #f1f7fa !important;
  box-shadow: inset 0px 6px 12px -4px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}
table.pfm-grid .pagination-container .pagination .pager {
  padding: 1px 5px;
}
table.pfm-grid .pagination-container input {
  display: inline;
  width: 50px;
  height: 28px !important;
  font-size: 1.2rem;
  text-align: center;
}
table.pfm-grid .pagination-container select {
  display: inline;
  width: auto;
}
table.pfm-grid .pagination-container .item-count {
  padding-top: 10px;
}

.page-sm table.pfm-grid tr.detail-view, .page-md table.pfm-grid tr.detail-view, .page-lg table.pfm-grid tr.detail-view {
  padding: 3px 30px 3px 0px !important;
  /*float: left;*/
}

table.pfm-grid.table-silver th {
  border-top: 1px solid #dddddd !important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff

  +0,ededed+100 */
  background: rgb(255, 255, 255); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(237, 237, 237) 100%); /* FF3.6

-15 */
  background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%, rgb(237, 237, 237) 100%); /* 

Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(237, 237, 237) 100%); /* W3C, 

IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#ffffff", endColorstr="#ededed",GradientType=0 ); /* IE6-9 */
}
table.pfm-grid.table-silver th.filter {
  background: #eeeeee;
  padding: 3px;
}
table.pfm-grid.table-silver th.filter .filter-cell {
  padding-right: 30px;
}
table.pfm-grid.table-silver th.filter .filter-cell .input-filter, table.pfm-grid.table-silver th.filter .filter-cell select.form-control {
  padding: 0px 0px 0px 2px;
  min-height: 24px;
  height: 43px !important;
}

.grid-detail-view-icon {
  background-image: url(../images/hrsa_theme_sprite_03.png);
  background-repeat: no-repeat;
  background-position: -1px -3464px;
  padding-left: 22px;
}

/***************** Sorting Arrow **************/
/*.sortable {
}*/
table.pfm-grid.table-bordered {
  border-left: 0px solid;
  border-right: 0px solid;
}

.pfm-grid-counts button {
  height: 32px;
  border-radius: 0px;
  background-color: #DDE7F5;
  font-size: 1.2rem;
}
.pfm-grid-counts .btn.active {
  background-color: #F7FAFD;
}

.scrollLock {
  overflow-y: hidden;
}

.scrollUnLock {
  overflow-y: auto;
}

/**** Pagination *****/
.btn-secondary {
  cursor: pointer;
}

/** Columns **/
.inlineColumnHeader {
  white-space: nowrap;
}

.colHead {
  border-top: 1px solid #a8b7b5 !important;
  position: inherit;
}

/*
IE11 compatibility - font download disabled in HRSA - https://technet.microsoft.com/itpro/windows/keep-secure/block-untrusted-fonts-in-enterprise#Turn_on_and_use_the_Blocking_untrusted_fonts_feature
*/
@media all and (-ms-high-contrast: none) {
  table.pfm-grid .fa-square-o {
    background-image: url(../../images/grid/fa_square.png);
    background-repeat: no-repeat;
    background-position: 0.4px 0.5px;
    background-size: 34px;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
  }
  table.pfm-grid .btn-outline-primary.active, table.pfm-grid .btn-outline-primary:active, table.pfm-grid .show > .btn-outline-primary.dropdown-toggle {
    color: #0275d8;
    background-color: #0275d8;
    border-color: #0275d8;
    opacity: 1;
  }
  table.pfm-grid .fa-minus-square-o {
    background-image: url(../../images/grid/fa_minus-square.png);
    background-repeat: no-repeat;
    background-position: 0.4px 0.5px;
    background-size: 34px;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
  }
  table.pfm-grid .fa-check {
    background-image: url(../../images/grid/fa_check.png);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    background-size: 34px;
    opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
  }
  table.pfm-grid .btn-outline-primary:hover {
    color: #0275d8;
    background-color: none;
    border-color: none;
  }
  table.pfm-grid .btn-outline-primary.focus, table.pfm-grid .btn-outline-primary:focus {
    -webkit-box-shadow: 0 0 0 2px rgba(2, 117, 216, 0.5);
  }
}
.linkingFooterButton {
  margin: 10px 30px;
}

.linkingComponentControlItem {
  float: left;
}

#linkingComponentSelect {
  margin-left: 40px;
}

.linkingComponentButtonIcon {
  height: 15px;
  width: 15px;
  float: right;
  margin-right: 10px;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  -o-background-size: contain;
  background-size: contain;
  cursor: pointer;
}

.linkingComponentCollapseIcon {
  background-image: url(../../images/circle_minus.png);
}

.linkingComponentExpandIcon {
  background-image: url(../../images/circle_plus.png);
}

.linkingComponentSelectedDataSection {
  margin-bottom: 10px;
}

#linkingOverlayMessage {
  width: 100% !important;
}

.linkingGridNoRecord {
  text-align: center;
  background: #d4e4f1;
}

.linkingOverlayBodyCard {
  width: 100%;
}

.linkingOverlayBody {
  font-size: unset !important;
}

@media (min-width: 200px) {
  .linkingOverlayComponent .modal-dialog {
    max-width: 50% !important;
    width: 50% !important;
    margin: auto !important;
  }
}
.locHeader, .locHeader.modal-title, .locHeader h2 {
  background-color: #d4e4f1 !important;
  color: #0e3c58 !important;
}

.linkingGridDisplayDataHeaderItem {
  border-right: 1px solid #b1b1b4;
  border-bottom: 1px solid #b1b1b4;
  background-color: #D4E4F1;
  height: auto;
  vertical-align: middle;
}

.linkingGridDisplayDataHeaderItemSpan {
  vertical-align: middle;
  line-height: 30px;
}

.linkingGridDisplayData {
  width: 100%;
}

.linkingGridDisplayDataRow {
  height: 30px;
  margin-top: 10px;
  border-bottom: 1px solid #F2F2F2;
}

.linkingGridDisplayDataCheckboxSpan {
  vertical-align: middle;
}

.linkingOverlayComponent #linkingGridDisplayData {
  max-height: 300px;
  overflow-y: auto;
}

.linkingGridDisplayDataItem a {
  cursor: pointer;
  color: #005391 !important;
}

.linkingOverlayHeader, #modal-basic-title {
  color: #0e3c58 !important;
}

.linkingComponentNoLinksSpan {
  text-align: center;
  display: block;
  background-color: #f4f6f9;
}
/****************************
***   System Messages	   ***
****************************/
.msg-base {
  background: url(../../images/shadow-top.png) repeat-x 0 0;
  padding: 10px 10px 0px 10px;
  border: 1px solid #000000;
}
.msg-base i {
  padding-right: 7px;
  font-size: 1.1rem;
}
.msg-base .msgTitle {
  font-weight: 600;
  font-size: 1.1rem;
}
.msg-base ul {
  padding-left: 0px;
  margin-bottom: 0px;
  padding-top: 5px;
}
.msg-base ul li {
  list-style: none;
  padding-bottom: 5px;
}

.msg-faimg {
  font-size: 1.65rem !important;
}

.internalNote {
  border-radius: 6px;
  background-color: #deecf3;
  border: 1px solid #abcbdb;
  color: #104d6b;
  padding-bottom: 10px;
}
.internalNote img {
  height: 16px;
  width: 16px;
}

.note-message {
  border-color: #c2d4e4;
  border-style: solid;
  border-width: 1px 1px 1px 6px;
  background-color: #e9eff6;
  color: #17568e;
}
.note-message img {
  margin-right: 5px;
  height: 16px;
  width: 16px;
}

.confirm-message {
  border-color: #d2d2ac;
  border-style: solid;
  border-width: 1px 1px 1px 6px;
  background-color: #f3f0d6;
  color: #58521c;
}
.confirm-message img {
  height: 16px;
  width: 16px;
}

.success-message {
  border-color: #B9D9B7;
  border-style: solid;
  border-width: 1px 1px 1px 6px;
  background-color: #DEF2E9;
  color: #167449;
}
.success-message img {
  height: 16px;
  width: 16px;
}

.failure-message {
  border-color: #dfc6c8;
  border-style: solid;
  border-width: 1px 1px 1px 6px;
  background-color: #fcf4f5;
  color: #dd2020;
  padding-bottom: 5px;
}
.failure-message img {
  margin-top: -5px;
  height: 16px;
  width: 16px;
}
.failure-message .fielderr_head {
  font-weight: bold;
  color: #414141;
}
.failure-message .fielderr_ins {
  color: #414141;
}
.failure-message #val_msgarea {
  border-top: 1px dotted #ddcfac;
  margin-top: 5px;
  padding-top: 10px;
}
.failure-message .fielderr_list {
  padding-top: 10px;
  padding-bottom: 10px;
}
.failure-message .fielderr_list li {
  display: inline;
  margin-right: 10px;
}

.warning-message {
  border-color: #e9d9c6;
  border-style: solid;
  border-width: 1px 1px 1px 6px;
  background-color: #fceedd;
  color: #86490c;
}
.warning-message img {
  height: 16px;
  width: 16px;
}

.alert-message {
  border-color: #f9edb3;
  border-style: solid;
  border-width: 1px 1px 1px 6px;
  background-color: #fdf7d6;
  color: #806d06;
}
.alert-message img {
  height: 16px;
  width: 16px;
}

.notesColImg {
  display: block;
  float: left;
}

.notesColText {
  display: block;
  float: inherit;
  padding-left: 25px;
  padding-bottom: 4px;
}

.sysAnnouncement {
  position: absolute;
  top: 13%;
  width: 100%;
  padding: 15px;
  margin-left: -25px;
  background: rgb(208, 153, 122); /* Old browsers */
  background: -moz-linear-gradient(top, rgb(208, 153, 122) 49%, rgb(201, 122, 82) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, rgb(208, 153, 122)), color-stop(100%, rgb(201, 122, 82))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgb(208, 153, 122) 49%, rgb(201, 122, 82) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgb(208, 153, 122) 49%, rgb(201, 122, 82) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgb(208, 153, 122) 49%, rgb(201, 122, 82) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgb(208, 153, 122) 49%, rgb(201, 122, 82) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#d0997a", endColorstr="#c97a52",GradientType=0 ); /* IE6-9 */
}
.sysAnnouncement .messageGL {
  background: url(../images/explain.svg) no-repeat 0 0;
  padding-left: 20px;
  color: #000000;
  font-weight: 600;
}
.sysAnnouncement .messageGL .hidden-offscreen {
  display: none;
}

.sysAlertsGL_fixed_position {
  position: relative;
  top: 0;
  margin-left: 0px;
  width: 100%;
  z-index: 1050;
  background-color: #fff;
  border-bottom: 1px solid #0a4462;
  color: #7e330f;
  font-size: 1.4rem;
  font-weight: bold;
  height: auto;
  padding-top: 3px;
  text-align: center;
  padding-bottom: 3px;
}
.sysAlertsGL_fixed_position .messageGL {
  background: url(../images/explain.png) no-repeat 0 0;
  padding-left: 20px;
  color: #000000;
  font-weight: 600;
}

.sysAlertsGL_fixed_position.hideItem {
  visibility: hidden;
}

.sysAlertsGL_fixed_position.showItem {
  visibility: visible;
}

.page-xs .sysAlertsGL_fixed_position.showItem + .navbar {
  position: relative;
  margin-bottom: -60px;
}

.page-sm .sysAlertsGL_fixed_position.showItem + .navbar {
  position: relative;
  margin-bottom: -60px;
}

.page-md .sysAlertsGL_fixed_position.showItem + .navbar {
  position: relative;
  margin-bottom: -60px;
}

.page-lg .sysAlertsGL_fixed_position.showItem + .navbar {
  position: relative;
  margin-bottom: -60px;
}

.messageShowMore {
  cursor: pointer;
  margin-right: 10px;
  color: #145388 !important;
  text-decoration: underline;
  font-size: 80%;
}
/************* Button Page Actions ************/
/******************************
***    Button Components   ****
******************************/
.btn-primary {
  background: #145388;
  /* Old browsers */
  /*background: -moz-linear-gradient(top, #4d8cb3 0%, #2d668b 100%);*/
  /* FF3.6+ */
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d8cb3), color-stop(100%, #2d668b));*/
  /* Chrome,Safari4+ */
  /*background: -webkit-linear-gradient(top, #4d8cb3 0%, #2d668b 100%);*/
  /* Chrome10+,Safari5.1+ */
  /*background: -o-linear-gradient(top, #4d8cb3 0%, #2d668b 100%);*/
  /* Opera 11.10+ */
  /*background: -ms-linear-gradient(top, #4d8cb3 0%, #2d668b 100%);*/
  /* IE10+ */
  /*background: linear-gradient(to bottom, #4d8cb3 0%, #2d668b 100%);*/
  /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4d8cb3', endColorstr='#2d668b', GradientType=0);*/
  /* IE6-9 */
}

.btn-primary:disabled {
  background: #f9f9f9; /* Old browsers */
  color: #2C2C2C;
  border-color: #AAAAAA;
}

.btn-primary:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9fae2+49,e8e9d1+50 */
  background: #f9fae2; /* Old browsers */
  background: -moz-linear-gradient(top, #f9fae2 49%, #e8e9d1 50%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(49%, #f9fae2), color-stop(50%, #e8e9d1)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f9fae2 49%, #e8e9d1 50%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f9fae2 49%, #e8e9d1 50%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f9fae2 49%, #e8e9d1 50%); /* IE10+ */
  background: linear-gradient(to bottom, #f9fae2 49%, #e8e9d1 50%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f9fae2", endColorstr="#e8e9d1",GradientType=0 ); /* IE6-9 */
  color: #262711 !important;
  border-color: #262711 !important;
}

.btn-secondary {
  border-radius: 0px !important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+50,e3e3e3+51 */
  background: #e6e6e6; /* Old browsers */
  /*background: -moz-linear-gradient(top, #f9f9f9 0%, #cbcbcb 100%);*/ /* FF3.6+ */
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#cbcbcb));*/ /* Chrome,Safari4+ */
  /*background: -webkit-linear-gradient(top, #f9f9f9 0%,#cbcbcb 100%);*/ /* Chrome10+,Safari5.1+ */
  /*background: -o-linear-gradient(top, #f9f9f9 0%,#cbcbcb 100%);*/ /* Opera 11.10+ */
  /*background: -ms-linear-gradient(top, #f9f9f9 0%,#cbcbcb 100%);*/ /* IE10+ */
  /*background: linear-gradient(to bottom, #f9f9f9 0%,#cbcbcb 100%);*/ /* W3C */
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#cbcbcb',GradientType=0 );*/ /* IE6-9 */
  color: #2C2C2C;
  border-color: #AAAAAA;
}

.btn-secondary:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+50,e3e3e3+51 */
  background: #f9f9f9; /* Old browsers */
  color: #2C2C2C;
  border-color: #AAAAAA;
}

.btn-secondary:disabled {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+50,e3e3e3+51 */
  background: #f9f9f9; /* Old browsers */
  color: #2C2C2C;
  border-color: #AAAAAA;
}

.btn-icon {
  border-radius: 0px !important;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+50,e3e3e3+51 */
  background: #f9f9f9; /* Old browsers */
  background: -moz-linear-gradient(top, #f9f9f9 0%, #cbcbcb 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f9f9f9), color-stop(100%, #cbcbcb)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f9f9f9 0%, #cbcbcb 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f9f9f9 0%, #cbcbcb 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f9f9f9 0%, #cbcbcb 100%); /* IE10+ */
  background: linear-gradient(to bottom, #f9f9f9 0%, #cbcbcb 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f9f9f9", endColorstr="#cbcbcb",GradientType=0 ); /* IE6-9 */
  color: #2C2C2C;
  border-color: #AAAAAA;
}

.btn-icon:hover {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9f9f9+50,e3e3e3+51 */
  background: #f9f9f9; /* Old browsers */
  color: #2C2C2C;
  border-color: #AAAAAA;
}

.btn-label {
  padding-left: 5px;
}

.actionPanel .btn-group {
  width: 100%;
}
.actionPanel .btn-group button {
  float: left;
  margin-right: 5px;
  border-radius: 0px !important;
  font-size: 1.2rem;
  height: 28px;
}
.actionPanel .btn-group .selection-block, .actionPanel .btn-group #btnGo {
  float: right;
  margin-left: auto;
  display: inline-flex;
}
.actionPanel .btn-group #btnGo {
  border-radius: 0px !important;
}

.ddlPageActions select.form-control {
  height: 32px;
}

.page-xs .actionPanel .btn-group button {
  float: left;
  margin-right: 0px;
  border-radius: 0px !important;
  width: 100%;
  margin-top: 5px;
}
.page-xs .actionPanel .btn-group button + button, .page-xs .actionPanel .btn-group .selection-block {
  float: left;
}
.page-xs .actionPanel .btn-group .selection-block {
  margin-top: 5px;
  width: 100%;
}
.page-xs .actionPanel .btn-group #btnGo {
  display: inline;
  float: left;
  width: 30%;
}
.page-xs .actionPanel .btn-group select {
  display: inline;
  float: left;
  width: 65%;
  margin-top: 5px;
}

/********IE Corrections*******/
.page-xs .expandCollapseAnchor.btn-slide, .page-xs .collapsedCollapseAnchor.btn-slide {
  display: none;
}
.resources-list-inline {
  padding-left: 0;
}

.resources-list-inline li {
  flex-grow: 1;
  flex-basis: auto;
  margin: 0.25em 0;
  padding: 0 1em;
  text-align: center;
  border-left: 1px solid #ccc;
  background-color: #fff;
}

.resources-list-inline li:first-child {
  flex-grow: 1;
  flex-basis: auto;
  margin-left: 0;
  padding-left: 0;
  text-align: left;
  border-left: 0px;
  background-color: #fff;
}
/****************************
***   Rich Text Content   ***
****************************/
/* Heading classes emitted by pfm-richtextbox. Class-based rather than container
   scoped, so the rules apply wherever the content is rendered. */
.pfm-ckeditor-heading-1,
.pfm-ckeditor-heading-2,
.pfm-ckeditor-heading-3 {
  color: #000;
  font-weight: bold;
  display: block;
  background: none;
  border: 0;
  padding: 0;
  margin: 0.5em 0;
  line-height: 1.3;
}

.pfm-ckeditor-heading-1 {
  font-size: 2em;
}

.pfm-ckeditor-heading-2 {
  font-size: 1.5em;
}

.pfm-ckeditor-heading-3 {
  font-size: 1.17em;
}
/****************************
***    Search and List     ***
****************************/
.savedSearchError {
  float: right;
  margin-right: 120px;
}

#tblSearchPanel {
  position: relative;
}

#btnCloseSearchPanel {
  background: url(../../images/hrsa_theme_sprite_02.png) no-repeat scroll 0px -220px transparent;
  cursor: pointer;
  height: 29px;
  position: absolute;
  right: 5px;
  top: 13px;
  width: 28px;
  border: 0px solid;
}

#btnClearSearchParams {
  float: right;
  padding: 5px;
  width: 4%;
}

.ClearSearch {
  color: #0000ff;
}

.ClearSearch:hover {
  cursor: pointer;
  text-decoration: underline;
}

.module-content {
  background-color: #f9fbfc;
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #cfd7de;
  overflow: visible;
  display: inline-block;
  padding: 0 16px 0.75em 10px;
  margin-bottom: 10px;
  margin-top: 10px;
  width: 100%;
}
.module-content .control-label {
  padding-left: 5px;
}
.module-content .control-label-enhanced {
  padding-left: 5px;
  font-size: 14px !important;
}
.module-content h3 {
  color: #0d3d5a;
  font-weight: 600;
  margin-bottom: 8px;
  margin-top: 8px;
  border-bottom: 0px;
  text-transform: none;
}
.module-content h4 {
  color: #0c2c4e;
  background-color: #e5e8f1;
  border-bottom: 1px solid #cccccc;
  font-weight: 600;
  padding: 3px 5px 3px 10px;
  text-align: left;
}
.module-content h4.rowSavedSearchSubHeader {
  background-color: #e5e8f1 !important;
  background-image: none !important;
  border-bottom: 1px solid #d6dae2 !important;
  border-left: 0 solid #c1c5cd !important;
  border-right: 0 solid #c1c5cd !important;
  border-top: 0 solid #c1c5cd !important;
  margin-bottom: 0;
  margin-right: 0;
  margin-top: 0;
  padding: 5px 5px 5px 10px;
  text-align: left;
  margin-bottom: 10px;
  width: 95%;
  font-size: 1.2rem;
}
.module-content h4.rowSubheader {
  background-color: #e5e8f1 !important;
  background-image: none !important;
  border-bottom: 1px solid #d6dae2 !important;
  border-left: 0 solid #c1c5cd !important;
  border-right: 0 solid #c1c5cd !important;
  border-top: 0 solid #c1c5cd !important;
  margin-bottom: 0;
  margin-right: 0;
  margin-top: 0;
  padding: 5px 5px 5px 10px;
  text-align: left;
  margin-bottom: 10px;
  width: 100%;
  font-size: 1.2rem;
}
.module-content h4.rowSubheader a {
  width: 100%;
  text-align: left;
  color: #0c2c4e;
  padding: 0px;
  font-size: 1.2rem;
  font-weight: 600;
}
.module-content h4.enhancedBgColor {
  background-color: #d1e4e4 !important;
  width: 100%;
}
.module-content .row {
  margin-top: 5px;
  margin-bottom: 5px;
}
.module-content .spRow {
  padding-top: 10px;
}
.module-content .spContent {
  padding: 0px;
}
.module-content .spContent label {
  font-weight: normal;
}
.module-content .form-group {
  background-color: transparent;
  border-bottom: 0px solid;
  padding-bottom: 10px;
}
.module-content .form-group .input_width {
  width: 75%;
}
.module-content .form-group .spColLeft {
  float: left;
  width: 45%;
}
.module-content .form-group .spColLeft .spContent {
  text-align: left;
  padding: 0px;
  width: 30%;
  float: left;
  /*margin-top:25px;*/
}
.module-content .form-group .spColLeft .spContent label {
  font-weight: normal;
  padding: 0 10px;
  font-size: 12px;
}
.module-content .form-group .spColLeft .spEntryfield {
  float: right;
  width: 70%;
  padding-left: 10px;
}
.module-content .form-group .spColLeft .spEntryfield label {
  font-weight: normal;
  display: inline;
}
.module-content .form-group .spColLeft .spEntryfield #txtTrackingNumber {
  margin-top: 25px;
  font-size: 1.6rem;
}
.module-content .form-group .spColRight {
  float: left;
  width: 45%;
}
.module-content .form-group .spColRight .spContent {
  text-align: left;
  padding: 0px;
  width: 30%;
  float: left;
  /*margin-top:25px;*/
}
.module-content .form-group .spColRight .spContent label {
  font-weight: normal;
  padding: 0;
  font-size: 12px;
}
.module-content .form-group .spColRight .spEntryfield {
  float: right;
  width: 70%;
  padding-left: 10px;
}
.module-content .form-group .spColRight .spEntryfield label {
  font-weight: normal;
  display: inline;
}
.module-content .form-group .spColRight .spEntryfield #rbtnDisplayView {
  margin-top: 30px;
}
.module-content .searchsubhead {
  padding-left: 10px;
  font-size: 1.2rem;
}
.module-content .btnArea {
  float: right;
}
.module-content .btnArea .form-control {
  height: 30px;
}
.module-content .btnArea ul {
  padding-left: 0px;
}
.module-content .btnArea ul li {
  list-style: none;
  display: inline;
}
.module-content .btnArea label {
  font-weight: normal;
  font-size: 1.2rem;
}
.module-content .searchNameContainer {
  float: left;
}
.module-content .searchNameContainer .searchNameInput {
  height: 30px;
  display: inline;
  margin-right: 3px;
}

#andThen {
  margin-top: 45px;
}

/******************* MOBILE ADJUSTMENTS *******************/
.page-xs .form-horizontal .radio-inline,
.page-sm .form-horizontal .radio-inline {
  display: block !important;
  margin-left: 0px;
  padding-top: 20px;
}
.page-xs #AdvancedSearchPanel .input-group,
.page-sm #AdvancedSearchPanel .input-group {
  width: 100%;
}
.page-xs #AdvancedSearchPanel .spColLeft .spEntryfield,
.page-xs #AdvancedSearchPanel .spColRight .spEntryfield,
.page-sm #AdvancedSearchPanel .spColLeft .spEntryfield,
.page-sm #AdvancedSearchPanel .spColRight .spEntryfield {
  width: 100%;
}
.page-xs #AdvancedSearchPanel .spColLeft .spEntryfield,
.page-sm #AdvancedSearchPanel .spColLeft .spEntryfield {
  padding-right: 0px;
}
.page-xs #AdvancedSearchPanel,
.page-xs #DisplayOptionsPanel,
.page-sm #AdvancedSearchPanel,
.page-sm #DisplayOptionsPanel {
  margin-top: 20px;
}
.page-xs .viewarea,
.page-sm .viewarea {
  padding-top: 10px;
}
.page-xs ul.viewdetails,
.page-sm ul.viewdetails {
  margin-top: -10px !important;
  text-align: left;
}
.page-xs ul.viewdetails .glyphicon,
.page-sm ul.viewdetails .glyphicon {
  display: none;
}
.page-xs ul.viewdetails button,
.page-sm ul.viewdetails button {
  padding: 0px;
}
.page-xs .module-content,
.page-sm .module-content {
  border: 1px solid #c2c8d8;
}
.page-xs .form-group.spRow .spColLeft,
.page-xs .form-group.spRow .spColRight,
.page-sm .form-group.spRow .spColLeft,
.page-sm .form-group.spRow .spColRight {
  float: none;
  padding-left: 3px !important;
  padding-right: 3px !important;
  width: 100%;
}
.page-xs .form-group.spRow .spContent,
.page-sm .form-group.spRow .spContent {
  text-align: left;
  margin-top: 0px;
  width: 100%;
}
.page-xs .form-group.spRow .spEntryfield,
.page-sm .form-group.spRow .spEntryfield {
  float: none;
  width: 100%;
  padding-left: 0px;
}
.page-xs .form-group.spRow .spEntryfield .spDatePicker,
.page-sm .form-group.spRow .spEntryfield .spDatePicker {
  display: inline-block;
}
.page-xs .form-group.spRow #txtTrackingNumber,
.page-xs .form-group.spRow #rbtnDisplayView,
.page-sm .form-group.spRow #txtTrackingNumber,
.page-sm .form-group.spRow #rbtnDisplayView {
  margin-top: 0%;
}
.page-xs .spColRight,
.page-sm .spColRight {
  padding-top: 15px;
}
.page-xs #andThen,
.page-sm #andThen {
  margin-top: 0px;
}
.page-xs .spColRight,
.page-xs .spColLeft,
.page-sm .spColRight,
.page-sm .spColLeft {
  margin-bottom: 0px;
}
.page-xs .spColRight .input-group-btn,
.page-xs .spColLeft .input-group-btn,
.page-sm .spColRight .input-group-btn,
.page-sm .spColLeft .input-group-btn {
  float: left;
}
.page-xs .spColRight .control-label,
.page-xs .spColLeft .control-label,
.page-sm .spColRight .control-label,
.page-sm .spColLeft .control-label {
  padding: 0px 0px 5px 0px !important;
  color: #000000;
  font-weight: bold !important;
}
.page-xs .spColRight input[type=text],
.page-xs .spColLeft input[type=text],
.page-sm .spColRight input[type=text],
.page-sm .spColLeft input[type=text] {
  width: 100% !important;
  padding: 5px;
  height: 25px;
}
.page-xs .spColRight #dpAssignedDateFrom input[type=text],
.page-xs .spColRight #dpCompletedDateFrom input[type=text],
.page-xs .spColLeft #dpAssignedDateFrom input[type=text],
.page-xs .spColLeft #dpCompletedDateFrom input[type=text],
.page-sm .spColRight #dpAssignedDateFrom input[type=text],
.page-sm .spColRight #dpCompletedDateFrom input[type=text],
.page-sm .spColLeft #dpAssignedDateFrom input[type=text],
.page-sm .spColLeft #dpCompletedDateFrom input[type=text] {
  font-size: 1.6rem;
  width: 70% !important;
}
.page-xs .spColRight #dpAssignedDateFrom button,
.page-xs .spColRight #dpCompletedDateFrom button,
.page-xs .spColLeft #dpAssignedDateFrom button,
.page-xs .spColLeft #dpCompletedDateFrom button,
.page-sm .spColRight #dpAssignedDateFrom button,
.page-sm .spColRight #dpCompletedDateFrom button,
.page-sm .spColLeft #dpAssignedDateFrom button,
.page-sm .spColLeft #dpCompletedDateFrom button {
  height: 25px;
}
.page-xs .spColRight #dpAssignedDateFrom button i,
.page-xs .spColRight #dpCompletedDateFrom button i,
.page-xs .spColLeft #dpAssignedDateFrom button i,
.page-xs .spColLeft #dpCompletedDateFrom button i,
.page-sm .spColRight #dpAssignedDateFrom button i,
.page-sm .spColRight #dpCompletedDateFrom button i,
.page-sm .spColLeft #dpAssignedDateFrom button i,
.page-sm .spColLeft #dpCompletedDateFrom button i {
  top: -2px;
}
.page-xs .btnArea,
.page-sm .btnArea {
  float: none !important;
}
.page-xs .btnArea ul,
.page-sm .btnArea ul {
  padding-left: 0px;
}
.page-xs .btnArea ul li,
.page-sm .btnArea ul li {
  list-style: none;
  display: inline;
}
.page-xs .btnArea ul li input[type=text],
.page-sm .btnArea ul li input[type=text] {
  width: 100% !important;
}
.page-xs .btnArea ul li:first-child,
.page-sm .btnArea ul li:first-child {
  display: block;
}
.page-xs .btnArea ul li:nth-child(2),
.page-sm .btnArea ul li:nth-child(2) {
  display: block;
}
.page-xs .btnArea ul li:nth-child(2) input,
.page-sm .btnArea ul li:nth-child(2) input {
  float: left;
}
.page-xs .btnArea ul li:nth-child(3),
.page-sm .btnArea ul li:nth-child(3) {
  display: block;
  float: left;
}
.page-xs .btnArea ul li:nth-child(3) input,
.page-sm .btnArea ul li:nth-child(3) input {
  float: right;
}
.page-xs .btnArea ul li:nth-child(4),
.page-sm .btnArea ul li:nth-child(4) {
  display: block;
  width: 25%;
  float: left;
}
.page-xs select.form-control,
.page-sm select.form-control {
  width: 100% !important;
  height: 35px !important;
  font-size: 1.6rem;
}
.page-xs .searchNameInput,
.page-sm .searchNameInput {
  height: 30px;
  display: inline;
}
.page-xs .searchNameContainer,
.page-sm .searchNameContainer {
  float: none !important;
}

#DisplayOptionsPanel select.form-control {
  height: 30px !important;
  padding-left: 0px;
  width: 50% !important;
  float: left;
}
#DisplayOptionsPanel .spContent {
  margin-top: 0px;
}
#DisplayOptionsPanel .spEntryField {
  float: left;
  display: block;
  width: 65%;
  margin-left: 10px;
}

.page-xs #DisplayOptionsPanel .spColRight,
.page-sm #DisplayOptionsPanel .spColRight {
  clear: both;
}
.page-xs #DisplayOptionsPanel select.form-control,
.page-sm #DisplayOptionsPanel select.form-control {
  font-size: 1.6rem;
  height: 30px !important;
  padding-left: 0px;
  width: 50% !important;
  float: left;
  padding-top: 2px;
}
.page-xs #DisplayOptionsPanel .spContent label,
.page-sm #DisplayOptionsPanel .spContent label {
  margin-top: 0px;
}
.page-xs #DisplayOptionsPanel .spEntryField,
.page-sm #DisplayOptionsPanel .spEntryField {
  width: 100% !important;
  float: left;
  margin-left: 0px;
}

.format {
  font-size: 0.92rem;
  font-weight: normal;
  display: inline-block;
  margin-left: 5px;
}

/***** spot-checks ******/
.actionPanel .btn-group button {
  cursor: pointer !important;
}

.actionPanel .btn-group button.enhancedBgColor {
  background-color: rgb(44, 99, 99) !important;
}

.checkboxlist label {
  font-size: 1.2rem;
}

@media (max-width: 991px) {
  .checkboxlist {
    width: 100% !important;
  }
}
/*****Search area above the grid*****/
.winmodule {
  padding-top: 2px;
}
.winmodule .winmodule-content {
  overflow: visible;
}

.winmodule_close {
  height: 29px;
  width: 28px;
  background: transparent url(../../Images/ehb/hrsa_theme_sprite_02.png) no-repeat 0 -220px;
  cursor: pointer;
  position: absolute;
  right: 5px;
  top: 5px;
  text-indent: -1000px;
  border: medium none;
  overflow: hidden;
}

.module {
  border-bottom: 4px solid #E7E7E7;
  margin-bottom: 15px;
  margin-right: 10px;
  position: relative;
  width: 100%;
}

.module-content {
  background-color: #F9FBFC;
  border-top: 1px solid #CFD7DE;
  border-bottom: 0 solid #F0F0F0;
  padding: 0 16px 0.75em 10px;
}
.module-content p {
  padding-bottom: 25px;
}

.module-bold {
  font-weight: bold;
  margin-bottom: 8px;
  font-size: 1.17rem;
  color: #0D3D5A;
  margin-top: 8px !important;
}

.module-subHead {
  font-weight: bold;
  margin-bottom: 15px;
  font-size: 1.17rem;
  color: #0D3D5A;
  margin-top: 8px !important;
  border-bottom: 1px dotted #BFCDD8;
}

.module_tb {
  padding: 4px 0;
}
.module_tb td {
  margin-top: 1px;
  line-height: 15px;
  padding-bottom: 5px;
}
.module_tb .Tdwidth {
  width: 15%;
}

.SideMenuFilter {
  float: inherit;
  position: absolute;
  background-color: #E3ECF4;
  display: none;
  min-width: 150px;
  cursor: pointer;
  color: #152C40;
  font-weight: 400;
  border: 1px solid #A9C6DC;
  font-size: 0.92rem;
  border-bottom: 2px solid #7991A3;
  border-right: 2px solid #7991A3;
  z-index: 1;
  margin: 20px 0 0 -10px;
  padding: 0 0 5px;
}

.searchpanel-daterange-container {
  margin-top: 0 !important;
  width: 75%;
}

selectionDayTxt label {
  font-size: 7px;
}

.enhanced-format {
  display: block;
  font-size: 1.1rem;
  font-weight: normal;
  margin-left: 5px;
}

.enchanced-checkboxlist {
  padding: 5px 0 !important;
}

.enhancedPadding {
  padding-left: 5px;
}
.video-core {
  margin-top: 7px;
  float: left;
  width: 100%;
}
.video-core .video-stage {
  width: 78%;
  margin-top: 5px;
}
.video-core .video-stage,
.video-core .video-more {
  float: left;
  padding-bottom: 3px;
}
.video-core .video-stage .video-placeholder,
.video-core .video-more .video-placeholder {
  background-size: auto 100% !important;
  height: 160px;
  width: 100%;
  padding: 3px 5px 3px 5px;
  margin-top: 15px;
  color: #ffffff;
  background-size: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.video-core .video-stage .video-placeholder:hover,
.video-core .video-more .video-placeholder:hover {
  cursor: pointer;
}
.video-core .video-stage .video-title,
.video-core .video-more .video-title {
  color: #0068B6;
  width: 100%;
  padding-top: 5px;
  float: left;
}
.video-core .video-stage .video-title p,
.video-core .video-more .video-title p {
  color: #000000;
  margin-bottom: 0px;
}
.video-core .video-stage .video-title p:before,
.video-core .video-more .video-title p:before {
  display: inline-block;
  float: left;
  content: url(../../images/timer-grey.png);
  padding-right: 5px;
  position: relative;
  top: 3px;
}
.video-core .video-stage .icon-set,
.video-core .video-more .icon-set {
  float: right;
  font-size: 16px;
  padding-left: 5px;
  padding-top: 5px;
}
.video-core .video-stage .icon-set a,
.video-core .video-more .icon-set a {
  color: #828384 !important;
}
.video-core .video-more {
  width: 22%;
  float: right;
}
.video-core .video-more input {
  width: 85%;
  height: 25px;
  color: #96989a;
  border: 1px solid #cbcacb;
  position: relative;
  top: 10px;
  left: 38px;
}
.video-core .video-more ul {
  height: 200px;
  width: 100%;
  overflow-x: hidden;
  padding-right: 4px;
  margin-right: 4px;
  margin-top: 5px;
  margin-bottom: 3px;
}
.video-core .video-more li {
  list-style: none;
  padding-bottom: 15px;
}
.video-core .video-more .video-placeholder {
  width: 94%;
  height: 100%;
  background-size: auto auto !important;
  margin-top: 0px;
  display: block;
}
.video-core .video-more .video-placeholder:after {
  content: url(../../images/ehb/video-icon.png);
  position: relative;
  top: 57px;
  left: -6px;
}
.video-core .video-more .video-title {
  float: none;
  width: 100%;
}
.video-core .video-more .video-title p {
  display: none;
}
.video-core .video-more .video-lib-box {
  border-style: solid;
  border-width: 1px;
  border-color: #cccaca;
}
.video-core .video-more .video-play-icon {
  height: 33px;
  width: 15px;
  position: relative;
  margin-left: 68px;
  margin-top: 16px;
}
.video-core .video-library {
  position: relative;
  display: inline-flex;
  float: left;
  bottom: 10px;
  padding-left: 3px;
  border-top: solid 1px lightgrey;
  /*border-style: solid;
  border-width: 1px;*/
}
.video-core .video-library a {
  padding-left: 10px;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  /* IE10+ CSS styles go here */
  /*.video-core .video-library ul {
  	width:83%;
  	padding-right:20px;
  }*/
}
.video-FAQs {
  float: left;
  margin-left: 30px;
  padding-left: 30px;
  position: relative;
  top: -15px;
  border-left: 1px solid #bbccd6;
  height: 240px;
  width: 30%;
}
.video-FAQs .external-widget-subtitle {
  font-size: 16px;
  font-weight: bold;
}
.video-FAQs ul {
  list-style: none;
  padding-left: 0px;
  /*li:last-child {
  	border-top:1px solid #bbccd6;
  }*/
}
.video-FAQs ul li {
  padding-top: 5px;
  padding-bottom: 5px;
}
.video-FAQs ul li a {
  color: #0068b6;
}

.widget-application ul {
  list-style: none;
  padding-left: 0px;
  margin-top: 10px;
  float: left;
}
.widget-application ul li {
  line-height: 14px;
  padding-bottom: 10px;
  float: left;
}
.widget-application ul li a {
  color: #0068b6;
}
.widget-application .disabledLink {
  /*background-color: #fff !Important;*/
  color: #414141;
  cursor: default;
  text-decoration: none !important;
}

.application-expansion {
  display: block;
}
.widget-application,
.widget-tasks,
.widget-help {
  height: 300px;
}

iframe {
  border-style: solid;
  border-width: 1px;
  border-color: #cccaca;
}

#vtitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #000000;
  font-weight: bold;
}

.slim-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

.slim-scroll::-webkit-scrollbar {
  width: 4px;
  background-color: #F5F5F5;
}

.slim-scroll::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #444444;
}

.video-more > .links-list a {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.help-links-title {
  padding-left: 20px;
  font-weight: bold;
}

.video-lib-time {
  background-color: rgba(0, 0, 0, 0.9);
  padding-left: 4px;
  padding-right: 4px;
  float: right;
  border-radius: 4px;
  margin-bottom: 0px;
  position: relative;
  top: 42px;
  right: 5px;
  cursor: pointer;
}

.new-window-icon:before {
  content: url(../../images/extlink.png);
}