/*********************************************************************/
/*                          GLOBAL OVERRIDES                         */
/*                                AND                                */
/*                            DEFINITIONS                            */
/*********************************************************************/
@font-face {
  src: url("../pacerFonts/Roboto/Roboto-Regular.ttf");
  font-family: pacerFont;
  font-style: normal;
  font-weight: normal;
}
@font-face {
  src: url("../pacerFonts/Roboto/Roboto-Italic.ttf");
  font-family: pacerFont;
  font-style: italic;
}
@font-face {
  src: url("../pacerFonts/Roboto/Roboto-Bold.ttf");
  font-family: pacerFont;
  font-style: normal;
  font-weight: bold;
}
@font-face {
  src: url("../pacerFonts/Roboto/Roboto-BoldItalic.ttf");
  font-family: pacerFont;
  font-style: italic;
  font-weight: bold;
}
@font-face {
  src: url("../pacerFonts/Roboto/Roboto-Light.ttf");
  font-family: pacerFont;
  font-style: normal;
  font-weight: 300;
}
/**
********************************************************************************
** Change the default box-sizing method from context-box to border-box.
** This means that, when specifying the size of a component, the padding
** and border will be included in the specified size rather than added on.
**
** While this is clearly a more simple and superior way to place components,
** especially when one considers responsiveness, border-box did cause problems
** for PrimeFaces when rendering dialogs so leave dialogs with content-box.
**********************************************************************************
 */
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

.ui-dialog {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

h1 {
  color: black;
  padding: 0 0 0 0;
  margin: 5px 0 5px 0;
}

h2 {
  color: #4776bf;
  padding: 0 0 0 0;
  margin: 5px 0 5px 0;
}

h3 {
  color: #871517;
  padding: 0 0 0 0;
  margin: 5px 0 5px 0;
}

h4 {
  color: #025497;
  padding: 0 0 0 0;
  margin: 5px 0 5px 0;
}

.psc-desktop-display {
  display: inline;
}

.psc-tablet-display {
  display: none;
}

.psc-mobile-display {
  display: none;
}

/**
****************************************************
*** THIS IS USED TO REMOVE THE EXTRANEOUS BORDER
*** THAT SHOWS UP AT 640px WIDE
***
*** KEEP THIS FOR EVERY WIDTH AND EVERY GRID
****************************************************
**/
.ui-panelgrid .ui-grid-responsive .ui-grid-row {
  border-top: 0 none;
}

/*********************************************************************/
/*                            GRID GENERATION                        */
/*********************************************************************/
/*
************************************************************************************
**
** RESPONSIVE GRID GENERATION:
**
**     Class Name:   [psc-footer-grid]
**     Break Points: [700, 1000]
**     Orientations: [vertical, horizontal, horizontal]
**
************************************************************************************
*/
@media screen and (max-width: 700px) {
  /* Initial break point; orientation is 'vertical' */
  .psc-footer-grid .ui-grid-row {
    display: block;
  }

  .psc-footer-grid .ui-grid-col-1,
  .psc-footer-grid .ui-grid-col-2,
  .psc-footer-grid .ui-grid-col-3,
  .psc-footer-grid .ui-grid-col-4,
  .psc-footer-grid .ui-grid-col-5,
  .psc-footer-grid .ui-grid-col-6,
  .psc-footer-grid .ui-grid-col-7,
  .psc-footer-grid .ui-grid-col-8,
  .psc-footer-grid .ui-grid-col-9,
  .psc-footer-grid .ui-grid-col-10,
  .psc-footer-grid .ui-grid-col-11,
  .psc-footer-grid .ui-grid-col-12 {
    width: 100%;
    float: none;
  }
}
@media screen and (min-width: 701px) and (max-width: 1000px) {
  /* Intermediate break point; orientation is 'horizontal' */
  .psc-footer-grid .ui-grid-row:after {
    display: table;
    /* display: auto; */
    clear: both;
    content: "";
  }

  .psc-footer-grid .ui-grid-col-1,
  .psc-footer-grid .ui-grid-col-2,
  .psc-footer-grid .ui-grid-col-3,
  .psc-footer-grid .ui-grid-col-4,
  .psc-footer-grid .ui-grid-col-5,
  .psc-footer-grid .ui-grid-col-6,
  .psc-footer-grid .ui-grid-col-7,
  .psc-footer-grid .ui-grid-col-8,
  .psc-footer-grid .ui-grid-col-9,
  .psc-footer-grid .ui-grid-col-10,
  .psc-footer-grid .ui-grid-col-11,
  .psc-footer-grid .ui-grid-col-12 {
    float: left;
    /* box-sizing: border-box; */
  }

  .ui-panelgrid .psc-footer-grid .ui-grid-row {
    border-top: none;
  }

  .ui-panelgrid .psc-footer-grid .ui-grid-row:first-child {
    border-top: none;
  }

  .psc-footer-grid .ui-grid-col-1 {
    width: 8.33333%;
  }

  .psc-footer-grid .ui-grid-col-2 {
    width: 16.66666%;
  }

  .psc-footer-grid .ui-grid-col-3 {
    width: 25%;
  }

  .psc-footer-grid .ui-grid-col-4 {
    width: 33.33333%;
  }

  .psc-footer-grid .ui-grid-col-5 {
    width: 41.66666%;
  }

  .psc-footer-grid .ui-grid-col-6 {
    width: 50%;
  }

  .psc-footer-grid .ui-grid-col-7 {
    width: 58.33333%;
  }

  .psc-footer-grid .ui-grid-col-8 {
    width: 66.66666%;
  }

  .psc-footer-grid .ui-grid-col-9 {
    width: 75%;
  }

  .psc-footer-grid .ui-grid-col-10 {
    width: 83.33333%;
  }

  .psc-footer-grid .ui-grid-col-11 {
    width: 91.66666%;
  }

  .psc-footer-grid .ui-grid-col-12 {
    width: 100%;
  }
}
@media screen and (min-width: 1001px) {
  /* Terminal break point; orientation is 'horizontal' */
  .psc-footer-grid .ui-grid-row:after {
    display: table;
    /* display: auto; */
    clear: both;
    content: "";
  }

  .psc-footer-grid .ui-grid-col-1,
  .psc-footer-grid .ui-grid-col-2,
  .psc-footer-grid .ui-grid-col-3,
  .psc-footer-grid .ui-grid-col-4,
  .psc-footer-grid .ui-grid-col-5,
  .psc-footer-grid .ui-grid-col-6,
  .psc-footer-grid .ui-grid-col-7,
  .psc-footer-grid .ui-grid-col-8,
  .psc-footer-grid .ui-grid-col-9,
  .psc-footer-grid .ui-grid-col-10,
  .psc-footer-grid .ui-grid-col-11,
  .psc-footer-grid .ui-grid-col-12 {
    float: left;
    /* box-sizing: border-box; */
  }

  .ui-panelgrid .psc-footer-grid .ui-grid-row {
    border-top: none;
  }

  .ui-panelgrid .psc-footer-grid .ui-grid-row:first-child {
    border-top: none;
  }

  .psc-footer-grid .ui-grid-col-1 {
    width: 8.33333%;
  }

  .psc-footer-grid .ui-grid-col-2 {
    width: 16.66666%;
  }

  .psc-footer-grid .ui-grid-col-3 {
    width: 25%;
  }

  .psc-footer-grid .ui-grid-col-4 {
    width: 33.33333%;
  }

  .psc-footer-grid .ui-grid-col-5 {
    width: 41.66666%;
  }

  .psc-footer-grid .ui-grid-col-6 {
    width: 50%;
  }

  .psc-footer-grid .ui-grid-col-7 {
    width: 58.33333%;
  }

  .psc-footer-grid .ui-grid-col-8 {
    width: 66.66666%;
  }

  .psc-footer-grid .ui-grid-col-9 {
    width: 75%;
  }

  .psc-footer-grid .ui-grid-col-10 {
    width: 83.33333%;
  }

  .psc-footer-grid .ui-grid-col-11 {
    width: 91.66666%;
  }

  .psc-footer-grid .ui-grid-col-12 {
    width: 100%;
  }
}
/*
************************************************************************************
**
** END OF RESPONSIVE GRID GENERATION FOR 'psc-footer-grid'
**
************************************************************************************
*/
/*********************************************************************/
/*                          END GRID GENERATION                      */
/*********************************************************************/
/*********************************************************************/
/*                             HTML BODY                             */
/*********************************************************************/
/* override the default PrimeFaces font */
.ui-widget, .ui-widget .ui-widget {
  font-family: pacerFont, sans-serif;
}

.ui-growl-title {
  font-weight: normal;
}

.ui-chkbox-icon.ui-icon.ui-icon-check.ui-c {
  margin-top: -2px;
  margin-left: -1px;
}

body {
  font-family: pacerFont, sans-serif;
  font-size: 1.0em;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.psc-page {
  background: url(../pacerImages/paper.png) repeat scroll 0 0;
  width: 100%;
  max-width: 1000px;
  min-width: 320px;
  border: none;
  margin: auto;
  font-size: 1em;
}

.psc-page-content {
  padding: 10px 10px 0 10px;
  width: 100%;
}

/*********************************************************************/
/*                           END HTML BODY                           */
/*********************************************************************/
/*********************************************************************/
/*                      General Style Overrides                      */
/*********************************************************************/
.ui-chkbox-icon.ui-icon.ui-icon-check.ui-c {
  margin-top: -2px !important;
  margin-left: -1px !important;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
  padding-top: 1px;
}

.ui-dialog-content > .ui-icon {
  display: none;
}

.ui-dialog {
  font-size: 0.9em;
}

/**
******
**
** Apply formatting to the selection check box menu.
**
** NOTE: These need to be moved to the theme.
**
******
**/
.ui-selectcheckboxmenu {
  background: white !important;
  color: black !important;
  border: 1px solid #8f8f8f !important;
  border-radius: 2px !important;
}

.ui-selectcheckboxmenu-trigger {
  width: 24px !important;
  border: none !important;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
  border-left: none;
  border-color: #a9a9a9;
  width: 29px !important;
  border-radius: 0;
  padding-left: 8px;
  background: #205493;
  background: linear-gradient(#3E6BA2, #205493) !important;
}

.ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger:hover {
  border-left: none;
  border-color: #a9a9a9;
  width: 29px !important;
  border-radius: 0;
  padding-left: 8px;
  background: #205493;
  background: linear-gradient(#679EE0, #2F7AD4) !important;
}

.ui-selectcheckboxmenu-token-label {
  font-size: 0.8em;
  color: white;
}

.ui-selectonemenu {
  padding-right: 29px;
}

.ui-selectcheckboxmenu-token.ui-state-active {
  background: #2F7AD4 !important;
}

/*********************************************************************/
/*********************************************************************/
/*                       ENVIRONMENT INDICATOR                       */
/*********************************************************************/
.psc-environment-indicator-local {
  height: 25px;
  width: 100%;
  background: url(../pacerImages/localIndicator.png) repeat scroll 0 0;
  background-color: lightslategray;
}

.psc-environment-indicator-dev {
  height: 25px;
  width: 100%;
  background: url(../pacerImages/devIndicator.png) repeat scroll 0 0;
  background-color: lightslategray;
}

.psc-environment-indicator-test {
  height: 25px;
  width: 100%;
  background: url(../pacerImages/testIndicator.png) repeat scroll 0 0;
  background-color: lightslategray;
}

.psc-environment-indicator-qa {
  height: 25px;
  width: 100%;
  background: url(../pacerImages/qaIndicator.png) repeat scroll 0 0;
  background-color: lightslategray;
}

.psc-environment-indicator-support {
  height: 25px;
  width: 100%;
  background: url(../pacerImages/supportIndicator.png) repeat scroll 0 0;
  background-color: lightslategray;
}

.psc-environment-indicator-train {
  height: 25px;
  width: 100%;
  background: url(../pacerImages/trainIndicator.png) repeat scroll 0 0;
  background-color: lightslategray;
}

/*********************************************************************/
/*                     END ENVIRONMENT INDICATOR                     */
/*********************************************************************/
/*********************************************************************/
/*                          HELPER STYLES                            */
/*********************************************************************/
.psc-white-text {
  color: white !important;
}

.psc-blue-text {
  color: #205493 !important;
}

.psc-lighter-blue-text {
  color: #6DA2E1 !important;
}

.psc-gold-text {
  color: #e5b365 !important;
}

.psc-gray-text {
  color: #727272 !important;
}

.psc-darkblue-background {
  background-image: none !important;
  background-color: #205493 !important;
}

.psc-darkblue-background-01 {
  background-image: none !important;
  background-color: #4f5b7d !important;
}

.psc-lightgrey-background {
  background-image: none !important;
  background-color: #f0f0f0 !important;
}

.psc-white-background {
  background-image: none !important;
  background-color: white !important;
}

.psc-white-on-blue {
  background-color: #205493 !important;
  color: white !important;
  border-style: none;
}

.psc-blue-on-white {
  color: #205493 !important;
  background-color: white !important;
  border-style: none;
}

.psc-black-on-white {
  color: black !important;
  background-color: white !important;
  border-style: none;
}

.psc-blue-on-lightgrey {
  color: #205493 !important;
  background-color: #f0f0f0 !important;
  border-style: none;
}

.psc-white-on-brown {
  background-color: #7E6B59 !important;
  color: white !important;
  border-style: none;
}

/* set up the tooltip */
.ui-tooltip, .ui-tooltip-content.ui-widget-content {
  font-family: pacerFont, sans-serif;
  font-size: 0.9em;
  background-color: lightgray;
  border-color: darkgray;
  color: #182854;
  border-radius: 3px;
}

/* set primefaces generated required field asterisk color to red */
.ui-outputlabel .ui-outputlabel-rfi {
  color: red;
}

.psc-global-messages {
  padding-top: 6px;
}

.psc-command-link {
  color: blue !important;
  vertical-align: middle !important;
  text-decoration: underline;
}

.psc-command-link:visited {
  color: purple !important;
}

.psc-command-link:hover {
  color: blue !important;
}

.psc-command-link-light {
  color: #B3D8FF !important;
  vertical-align: middle !important;
  text-decoration: underline;
}

.psc-command-link-light:visited {
  color: #B3D8FF !important;
}

.psc-command-link-light:hover {
  color: #B3D8FF !important;
}

/*********************************************************************/
/*                        END HELPER STYLES                          */
/*********************************************************************/
/*********************************************************************/
/*                           PSC-FIELD-SET                           */
/*********************************************************************/
.ui-fieldset {
  position: absolute;
  background-image: none;
  background-color: #ffffff;
  width: auto;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border-style: solid;
  border-color: #787878;
  border-width: 1px;
}

.ui-fieldset > .ui-fieldset-legend {
  color: #004a8c;
  font-weight: bold;
  padding: 0 5px 0 5px;
  background: none;
  border: none;
  margin-left: 15px;
}

/*********************************************************************/
/*                         END PSC-FIELD-SET                         */
/*********************************************************************/
/*********************************************************************/
/*                         FONT AWESOME STYLES                       */
/*********************************************************************/
/* a general, consistent override to the standard font awesome icons */
.fa-psc {
  font-size: 1.5em;
  color: #727272;
}

.fa-psc-2x {
  font-size: 2.5em;
  opacity: 0.7;
}

.fa-psc-footer {
  color: #205493;
  opacity: 1.0;
  font-size: 1.1em;
  padding-right: 5px;
}

.fa-psc-small-menu {
  color: white;
}

.fa-psc-tooltip {
  opacity: 0.8;
  font-size: 1.3em;
  color: #205493;
  padding-left: 5px;
}

/*********************************************************************/
/*                       END FONT AWESOME STYLES                     */
/*********************************************************************/
/*********************************************************************/
/*                              HEADER                               */
/*********************************************************************/
/* suppress the mobile header */
.psc-header-mobile {
  display: none;
}

.psc-header {
  display: inline;
}

.psc-header-content {
  width: 100%;
  height: 60px;
  position: relative;
  /* allow objects to be placed absolutely in this div */
  padding: 0 0 0 0;
  background-color: #205493;
}

.psc-header-separator {
  content: ' ';
  width: 100%;
  height: 7px;
  padding: 0 0 0 0;
  /*	background-color: #6D1213; */
  /*	background-color: #6f0905; */
  background-color: #871517;
}

.psc-header-logo-div {
  display: inline-block;
}

.psc-logo-dimensions {
  height: 60px;
  width: 193px;
}

.psc-header-logo {
  border-style: none;
  background-image: url(../pacerImages/pacerLogo.png);
  background-repeat: no-repeat;
}

/*********************************************************************/
/*                            END HEADER                             */
/*********************************************************************/
/*********************************************************************/
/*                            FOOTER                                 */
/*********************************************************************/
.psc-footer {
  display: block;
  width: 100%;
  clear: both;
}

.psc-footer-link-grid {
  border: none;
  background: transparent;
  color: #205493;
  width: 100%;
}

.psc-footer-link-grid td {
  border: none;
  background: transparent;
  color: #205493;
}

.psc-footer-link-grid tr {
  border: none;
  background: transparent;
  color: #205493;
}

.psc-footer-link-grid-column-left {
  text-align: left;
}

.psc-footer-link-grid-column {
  text-align: center;
}

.psc-footer-link-grid-column-right {
  text-align: right;
}

a.psc-footer-link {
  text-decoration: none;
  color: #205493;
}

a.psc-footer-link:visited {
  color: #205493;
}

a.psc-footer-link:hover {
  text-decoration: underline;
}

.psc-footer-separator {
  width: 100%;
  text-align: center;
  padding: 20px 0 0 0;
  border-bottom: 1px solid #205493;
  margin: 0 0 0 0;
}

.psc-footer-admin-notice {
  clear: both;
  padding: 5px 20px 0 20px;
  font-size: 0.85em;
  font-style: italic;
  color: #205493;
  text-align: center;
}

/*********************************************************************/
/*                            END FOOTER                             */
/*********************************************************************/
/*********************************************************************/
/*                          DATATABLE STYLES                         */
/*********************************************************************/
/*
************************************************
* make odd numbered rows of the datatable
* light gray in color
************************************************
 */
.ui-datatable-odd {
  background: none repeat scroll 0 0 #e8e8e8;
}

.ui-datatable {
  border-radius: 5px;
  border-color: #787878;
}

/*
************************************
** remove borders from table cells
************************************
 */
/*
***************************************
** left align datatable column headers
***************************************
 */
.ui-datatable thead th, .ui-datatable tfoot td {
  text-align: left;
}

.ui-datatable .ui-datatable-data td {
  vertical-align: top;
}

.ui-widget-content {
  border: 1px solid #787878;
}

.ui-datatable-header {
  text-align: right;
  background: none;
  border: none;
  color: black;
  padding: 0 0 5px 0;
}

.ui-paginator-first {
  vertical-align: top;
  margin-top: 2px;
  padding-top: 4px;
  height: 22px;
}

.ui-paginator-prev {
  vertical-align: top;
  margin-top: 2px;
  padding-top: 4px;
  height: 22px;
}

.ui-paginator-next {
  vertical-align: top;
  margin-top: 2px;
  padding-top: 4px;
  height: 22px;
}

.ui-paginator-last {
  vertical-align: top;
  margin-top: 2px;
  padding-top: 4px;
  height: 22px;
}

.ui-icon-seek-first {
  margin-top: 0;
}

.ui-icon-seek-prev {
  margin-top: 0;
}

.ui-icon-seek-next {
  margin-top: 0;
}

.ui-icon-seek-end {
  margin-top: 0;
}

.ui-paginator-first {
  height: 100%;
}

.ui-paginator-prev {
  height: 100%;
}

.ui-paginator-next {
  height: 100%;
}

.ui-paginator-last {
  height: 100%;
}

/*********************************************************************/
/*                        END DATATABLE STYLES                       */
/*********************************************************************/
/*********************************************************************/
/*                            GRID STYLES                            */
/*********************************************************************/
/*
****************************************************
** Suppress the border of the panelGrid within a
** psc-grid div.
****************************************************
 */
.psc-grid .ui-panelgrid-content.ui-widget-content {
  border: none;
}

.psc-grid tr,
.psc-grid td {
  background: transparent;
  padding: 0 0 0 0;
}

.psc-grid-100-percent {
  width: 100%;
}

.psc-grid-100-percent tr,
.psc-grid-100-percent td {
  background: transparent;
  padding: 0 0 0 0;
}

.psc-grid-column {
  border-style: none;
  vertical-align: top;
}

.psc-grid-column-50 {
  width: 50px;
  border-style: none;
  vertical-align: top;
}

.psc-grid-column-100 {
  width: 100px;
  border-style: none;
  vertical-align: top;
}

.psc-grid-column-100-percent {
  border-style: none;
  width: 100%;
  vertical-align: top;
}

.psc-grid-column-15 {
  width: 15px;
  border-style: none;
  vertical-align: top;
}

.psc-grid-column-25 {
  width: 25px;
  border-style: none;
  vertical-align: top;
}

.psc-grid-column-350 {
  width: 350px;
  border-style: none;
  vertical-align: top;
}

.psc-grid-column-400 {
  width: 400px;
  border-style: none;
  vertical-align: top;
}

.psc-grid-column-480 {
  width: 480px;
  border-style: none;
  vertical-align: top;
}

/* try not to use transparent grid anymore.  Want to phase in
psc-grid, in it's place.  --- MORENO, 2017/12/04
 */
/*
****************************************************
** Suppress the border of the panelGrid within a
** psc-transparent-grid div.
****************************************************
 */
.psc-transparent-grid .ui-panelgrid-content.ui-widget-content {
  border: none;
  padding: 0 0 0 0;
}

.psc-transparent-grid.ui-panelgrid > * > tr,
.psc-transparent-grid.ui-panelgrid .ui-panelgrid-cell {
  border: none;
  padding: 0 0 0 0;
}

.psc-transparent-grid tr,
.psc-transparent-grid td {
  background: transparent;
  border: 0;
  padding: 0 0 0 0;
}

.psc-transparent-grid-100-percent {
  width: 100%;
}

.psc-transparent-grid-100-percent tr,
.psc-transparent-grid-100-percent td {
  background: transparent;
  border: 0;
  padding: 0 0 0 0;
}

.psc-transparent-grid-column {
  border-style: none;
  vertical-align: top;
}

.psc-transparent-grid-column-50 {
  width: 50px;
  border-style: none;
  vertical-align: top;
}

.psc-transparent-grid-column-100 {
  width: 100px;
  border-style: none;
  vertical-align: top;
}

.psc-transparent-grid-column-100-percent {
  border-style: none;
  width: 100%;
  vertical-align: top;
}

.psc-transparent-grid-column-15 {
  width: 15px;
  border-style: none;
  vertical-align: top;
}

.psc-transparent-grid-column-25 {
  width: 25px;
  border-style: none;
  vertical-align: top;
}

.psc-transparent-grid-column-350 {
  width: 350px;
  border-style: none;
  vertical-align: top;
}

.psc-transparent-grid-column-400 {
  width: 400px;
  border-style: none;
  vertical-align: top;
}

.psc-transparent-grid-column-480 {
  width: 480px;
  border-style: none;
  vertical-align: top;
}

/*********************************************************************/
/*                          END GRID STYLES                          */
/*********************************************************************/
/*********************************************************************/
/*                        MAINTENANCE MESSAGE                        */
/*********************************************************************/
.psc-maintenance-msg-outer {
  width: 100%;
  margin-top: 10px;
  background-color: transparent;
}

.psc-maintenance-msg-inner {
  color: #ab3536;
  font-size: 0.9em;
  padding: 0 10px;
  background-color: #efd6d6;
  text-align: left;
  max-width: 750px;
  margin: 0 auto;
  border: none;
  border-radius: 3px;
}

/*********************************************************************/
/*                      END MAINTENANCE MESSAGE                      */
/*********************************************************************/
/*******************************************************************/
/*******************************************************************/
/****                                                           ****/
/****                      CSS FOR RESPONSIVE UI                ****/
/****                                                           ****/
/*******************************************************************/
/*******************************************************************/
/* === ***************************************************** === */
/* === First responsive breakpoint ... nominally for tablets === */
/* === ***************************************************** === */
@media screen and (min-width: 650px) and (max-width: 850px) {
  /*****************************************************************************/
  /*                                                                           */
  /* pacerTablet.css                                                           */
  /*                                                                           */
  /* The CSS styles in this file will be applied when the UI is in a middle    */
  /* range of sizes.  As of 2016/09/20, that would be between 700 pixels and   */
  /* 1000 pixels.  That range, of course, is subject to change.                */
  /*                                                                           */
  /*****************************************************************************/
  /*********************************************************************/
  /*                              HEADER                               */
  /*********************************************************************/
  /* suppress the standard header */
  .psc-header {
    display: none;
  }

  .psc-header-mobile {
    display: inline;
  }

  .psc-header-logo {
    margin: 0 auto;
    /* center logo in parent div */
  }

  .psc-header-logo-div {
    display: inline;
  }

  .psc-header-logo-link {
    display: block;
    margin: 0 auto;
  }

  .psc-header-browse-aloud {
    float: left;
    margin-top: 2px;
    margin-left: 10px;
  }

  /*********************************************************************/
  /*                            END HEADER                             */
  /*********************************************************************/
}
/* === ************************************************************ === */
/* === Second responsive breakpoint ... nominally for mobile phones === */
/* === ************************************************************ === */
@media screen and (max-width: 650px) {
  /*****************************************************************************/
  /*                                                                           */
  /* pacerMobile.css                                                           */
  /*                                                                           */
  /* The CSS styles in this file will be applied when the UI is in a smaller   */
  /* range of sizes.  As of 2016/09/20, that would be smaller than 700 pixels. */
  /* That size, of course, is subject to change.                               */
  /*                                                                           */
  /*****************************************************************************/
  /*********************************************************************/
  /*                              HEADER                               */
  /*********************************************************************/
  /* suppress the standard header */
  .psc-header {
    display: none;
  }

  .psc-header-mobile {
    display: inline;
  }

  .psc-header-logo {
    margin: 0 auto;
    /* center logo in parent div */
  }

  .psc-header-logo-div {
    display: inline;
  }

  .psc-header-logo-link {
    display: block;
    margin: 0 auto;
  }

  .psc-header-browse-aloud {
    float: left;
    margin-top: 2px;
    margin-left: 10px;
  }

  /*********************************************************************/
  /*                            END HEADER                             */
  /*********************************************************************/
  /*******************************************************************/
  /*                           FOOTER                                */
  /*******************************************************************/
  .psc-footer-link-grid-column-left {
    text-align: left;
  }

  .psc-footer-link-grid-column {
    text-align: left;
  }

  .psc-footer-link-grid-column-right {
    text-align: left;
  }

  /*******************************************************************/
  /*                         END FOOTER                              */
  /*******************************************************************/
}
/*****************************************************************************/
/*                                                                           */
/* pacerMenu.css                                                             */
/*                                                                           */
/* The CSS in this file define how the menu will be presented to the user.   */
/*                                                                           */
/*****************************************************************************/
/*********************************************************************/
/*                          MENU BAR STYLES                          */
/*********************************************************************/
.psc-menu {
  background: #205493;
  display: inline-block;
}

.psc-menu-bar {
  display: inline;
  height: 60px;
  float: left;
  margin-right: 10px;
  padding-left: 0;
  margin-left: 0;
  background-color: #205493;
  z-index: 5000;
  /* ensure that the menu displays above all other elements */
}

/* suppress the small menu bar by default */
.psc-mobile-menu-bar {
  display: none;
}

.psc-menu .ui-menu {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border-style: none;
  height: 60px;
}

.psc-menu .ui-menu .ui-menuitem {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/* remove the border from drop-down menus          */
/* NB: could change the color, instead, if wanted. */
.psc-menu .ui-widget-content .ui-menu-list {
  border-style: none;
}

/* text color for the top level menu items */
.psc-menu .ui-menuitem-text {
  color: white;
}

/*
.ui-icon-star {
	color: orange;
}
*/
/* the body of the submenu */
/*
.ui-menu-child {
//	background-color: #F0F0F0 !important;
	background-color: purple !important;
}
*/
.psc-menu-item {
  line-height: 44px !important;
}

.psc-top-level-menu-item {
  margin-left: 15px !important;
}

/* make room for 'Find Bankruptcy by Tax ID' submenu item */
.psc-submenu ul {
  width: 210px !important;
}

/* remove the downward triangle from submenus */
.psc-submenu .ui-icon-triangle-1-s {
  display: none !important;
}

/* allow triangle of submenus with submenus (which can be suppressed by the next item) to */
/* float to the right for a better look.                                                  */
.psc-menu .ui-menu .ui-icon {
  position: relative !important;
}

/* suppress the triangle on submenus that have submenus */
.psc-submenu-item .ui-icon-triangle-1-e {
  background-image: url(../images/ui-icons_2e83ff_256x240.png);
}

/*.psc-submenu-item .ui-menu .ui-icon {
}
*/
.psc-submenu-item .ui-menuitem-text {
  color: #205493;
  font-weight: normal;
  font-family: pclFont, sans-serif;
  margin-left: 15px !important;
  width: 90% !important;
  text-align: left !important;
}

/* *********************************************************************************** */
/* *********************************************************************************** */
/* *********************************************************************************** */
/* *********************************************************************************** */
.psc-submenu-item-80-percent .ui-icon-triangle-1-e {
  background-image: url(../images/ui-icons_2e83ff_256x240.png);
}

.psc-submenu-item-80-percent .ui-menuitem-text {
  color: #205493;
  font-weight: normal;
  font-family: pclFont, sans-serif;
  margin-left: 15px !important;
  width: 80%;
  text-align: left;
}

/* *********************************************************************************** */
/* *********************************************************************************** */
/* *********************************************************************************** */
/* *********************************************************************************** */
/* change the padding on the submenu so the highlight spans most of the width */
.psc-menu .ui-menu .ui-menu-parent .ui-menu-child {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}

.psc-menu .ui-menubar .ui-menu-child .ui-menuitem-link {
  width: 210px !important;
}

/* set spacing around top level menu items */
.psc-menu .ui-menubar .ui-menuitem-link {
  padding: 7px 6px 7px 5px;
}

/* This ensures that the top level SUBMENUS are vertically centered on the menubar.
** May want to investigate why this was necessary for submenus but not menu items
** on the top level menu bar.
*/
.psc-menu .ui-submenu-link {
  line-height: 44px !important;
}

/* background color of top level menu when mouse is hovering over */
.psc-menu ul li.ui-menuitem-active > a {
  background-image: none !important;
  background-color: #6DA2E1 !important;
}

/* background color of submenu items when mouse hovering */
.psc-menu li ul li.ui-menuitem-active > a {
  background-image: none !important;
  background-color: #c0c0c0 !important;
}

/* background color of submenu items when mouse NOT hovering */
.psc-menu li ul li.ui-menuitem {
  background-image: none !important;
  background-color: #f0f0f0 !important;
}

.psc-small-menu {
  background: #205493;
}

.psc-small-menu .ui-menu {
  padding: 0 0 0 0;
  margin: 0 0 0 0;
  border-style: none;
}

.psc-small-menu .ui-menu .ui-menuitem {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/* remove the border from drop-down menus          */
/* NB: could change the color, instead, if wanted. */
.psc-small-menu .ui-widget-content .ui-menu-list {
  border-style: none;
}

/* text color for the top level menu items */
.psc-small-menu .ui-menuitem-text {
  color: white;
}

/*********************************************************************/
/*                       END MENU BAR STYLES                         */
/*********************************************************************/
@media screen and (max-width: 850px) {
  /*****************************************************************************/
  /*                                                                           */
  /* pacerMenuMobile.css                                                       */
  /*                                                                           */
  /* The CSS in this file define how the menu will be presented to the user    */
  /* when viewing on a mobile device or narrow browser screen.                 */
  /*                                                                           */
  /*****************************************************************************/
  .psc-menu {
    display: inline;
  }

  .psc-menu-bar {
    display: none;
  }

  .psc-mobile-menu-bar {
    display: inline;
    height: 60px;
    float: left;
    margin-right: 10px;
    padding-left: 0;
    margin-left: 0;
    background-color: #205493;
    z-index: 5000;
    /* ensure that the menu displays above all other elements */
    position: absolute;
    top: 0;
    left: 0;
    /* ORIGINAL
      display: inline;
      font-size: 0.95em;
      padding: 0 0 0 0 !important;
      background-color: #182854;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 5000;
    */
  }

  .psc-menu .ui-submenu-link {
    line-height: inherit !important;
  }

  .psc-top-level-menu-item {
    width: 60px !important;
    text-align: center;
    margin-left: 0 !important;
  }

  /* make room for, .e.g., 'Find Bankruptcy by Tax ID' submenu item */
  .psc-mobile-top-menu ul {
    width: 210px !important;
  }

  /* remove the downward triangle from submenus */
  .psc-mobile-top-menu .ui-icon-triangle-1-s {
    display: none !important;
  }

  .psc-mobile-top-menu .ui-menuitem-icon {
    width: 1em;
    height: 1em;
  }

  .psc-mobile-top-menu .ui-menuitem-text {
    margin: 0 auto;
  }

  .psc-mobile-top-menu > ul {
    top: 60px !important;
    /* 	sets the top position of the submenu;										*/
    /*	mostly relevant for the small view submenu which was misaligned (too high)	*/
  }

  /*
  **************************************************************
  ** Make submenus a bit wider when in narrow mode because
  ** the text of some of the submenus is wider
  **************************************************************
   */
}
/*
**************************************
** Use this when IE 10+, it overrides
** the position of the three bar
** menu when the screen is narrow
**************************************
*/
@media screen and (max-width: 850px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .psc-top-level-menu-item {
    position: absolute;
    top: 0;
  }
}
/*********************************************************************/
/*                         USER INFORMATION                          */
/*********************************************************************/
.psc-header-user-info {
  position: absolute;
  top: 0;
  right: 0;
  padding-top: 10px;
  padding-right: 15px;
  padding-left: 15px;
  height: 60px;
}

.psc-header-text {
  color: white;
}

.psc-header-command-link {
  color: #f0f000;
  vertical-align: middle;
  text-decoration: none;
}

a.psc-header-command-link:visited {
  color: #f0f000;
}

a.psc-header-command-link:hover {
  text-decoration: underline;
}

.psc-header-browse-aloud {
  float: right;
  margin-top: 2px;
  margin-right: 10px;
}

.psc-header-user-name {
  display: inline;
}

.psc-user-spot {
  text-decoration: none;
}

.psc-line-height-40 {
  line-height: 40px;
}

.psc-user-spot:hover {
  text-decoration: none;
}

.psc-user-spot:active {
  text-decoration: none;
}

.psc-header-login-block {
  background-color: #182854;
  border-left: solid 1px #777777;
  float: right;
  height: 100%;
  padding: 0 10px 0 10px;
}

.psc-page-blocker {
  width: 100%;
  height: 100%;
  background-color: #222222;
}

.psc-user-info-overlay-panel {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0 0 5px 5px;
  padding: 2px 2px;
  margin: 0 0 0 0;
  float: right;
  background-color: #f2f2f2;
}

.psc-user-info-overlay-panel .ui-overlaypanel-content {
  padding: 0 0 0 0;
}

.psc-user-panel-link.ui-widget {
  text-decoration: none;
  color: #205493;
}

.psc-user-panel-grid {
  background-color: #f2f2f2;
  width: 100%;
}

.psc-user-panel-grid tr,
.psc-user-panel-grid td {
  background-color: #f2f2f2;
  border: 0;
  padding: 5px 15px 5px 15px !important;
  margin: 0 0 0 0;
  vertical-align: top;
}

.psc-user-panel-grid td:hover {
  background-color: #c7c7c7;
}

.psc-user-block-column {
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 3px !important;
}

/*********************************************************************/
/*                       END USER INFORMATION                        */
/*********************************************************************/

/*# sourceMappingURL=pacer.css.map */