/**
***************************************************************************************************
** Define CONSTANTS to be used throughout the style sheet
***************************************************************************************************
**/
/**
****************************************************
*** 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;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .psc-login-panel-grid .ui-grid-col-12 {
    width: 100%;
  }
}
/*
************************************************************************************
**
** END OF RESPONSIVE GRID GENERATION FOR 'psc-login-panel-grid'
**
************************************************************************************
*/
/*********************************************************************/
/*                         LOGIN PAGE                              */
/*********************************************************************/
.psc-login-panel {
  background-color: #ffffff;
  padding: 0 0 0 0 !important;
  margin: 0 0 0 0 !important;
  border-style: solid;
  border-color: #787878;
  border-width: 1px;
}

.psc-login-panel-borderless {
  background-color: #ffffff;
  padding: 0 0 0 0 !important;
  margin: 0 0 0 0 !important;
  border-style: none;
  border-color: #787878;
  border-width: 0px;
}

.psc-login-panel-header {
  font-size: 1.2em;
  font-weight: bold;
  color: #205493;
}

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

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

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

.psc-login-lighter-blue-text {
  color: #4776bf !important;
}

.psc-login-dialog {
  background-color: #ffffff;
  padding: 0 0 0 0 !important;
  margin: 5px  !important;
  border-style: solid;
  border-color: #787878;
  border-width: 1px;
  min-width: 320;
}

/**
*********************************************************************
****
**** 'ui-blockui-content and ui-widget-overlay define how the login
**** panel will be obscured while the login credentials are being
**** validated.
****
*********************************************************************
 */
.psc-login-panel .ui-blockui-content {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

.psc-login-panel-borderless {
  border: none !important;
  box-shadow: none !important;
}

.psc-login-panel .ui-widget-overlay {
  opacity: 0.8 !important;
}

.psc-login-input {
  width: 100%;
  font-size: 0.8em;
  border: 1px solid lightgrey;
  border-radius: 3px;
  background-color: #ffffff;
  color: black;
  outline: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.psc-login-input-error .ui-messages-error {
  border-radius: 6px;
  margin: 2px 0 0 0;
}

.psc-command-redirect-link {
  color: blue !important;
  vertical-align: top !important;
  text-decoration: underline !important;
  font-size: 1.0em !important;
  padding: 0 0 0 0 !important;
  margin: 0 0 0 0 !important;
  font-weight: bold;
}

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

.psc-command-redirect-link:hover {
  text-decoration: underline !important;
}

.psc-login-command-link {
  color: blue !important;
  vertical-align: middle !important;
  text-decoration: underline !important;
  font-size: 0.9em !important;
  padding: 0 0 0 0 !important;
  margin: 0 0 0 0 !important;
}

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

.psc-login-command-link:hover {
  text-decoration: underline !important;
}

/*********************************************************************/
/*                            GRID STYLES                            */
/*********************************************************************/
.psc-login-transparent-grid tr,
.psc-login-transparent-grid td {
  background: transparent !important;
  border: 0 !important;
  padding: 0 0 0 0 !important;
}

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

.psc-login-transparent-grid-100-percent tr,
.psc-login-transparent-grid-100-percent td {
  background: transparent !important;
  border: 0 !important;
  padding: 0 0 10px 0 !important;
}

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

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

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

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

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

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

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

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

/*********************************************************************/
/*                          END GRID STYLES                          */
/*********************************************************************/
/*********************************************************************/
/*                            POPUP STYLES                            */
/*********************************************************************/
.pcl-pnl-scrollable {
  overflow-y: auto;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: none !important;
}

.pcl-display-grid.ui-panelgrid > * > tr,
.pcl-display-grid.ui-panelgrid .ui-panelgrid-cell {
  border: none !important;
}

.pcl-display-data-labels {
  font-weight: bold;
}

.pcl-dialog-container {
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 10px 40px 10px 10px;
}

.pcl-display-grid.ui-panelgrid > * > tr,
.pcl-display-grid.ui-panelgrid .ui-panelgrid-cell {
  border: none !important;
  padding: 0 0 5px 0;
}

.pcl-display-data-labels {
  font-weight: bold;
  width: 120px;
  vertical-align: top;
  text-align: left;
}

.pcl-display-data {
  vertical-align: top;
  text-align: left;
}

.pcl-no-edges .ui-panel-content {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.pcl-display-data.ui-panelgrid-cell > * > td {
  padding-right: 0;
}

.ui-layout-bd {
  border: 0;
}

/*********************************************************************/
/*                            END POPUP STYLES                            */
/*********************************************************************/
.psc-login-text {
  font-size: 0.9em;
}

.psc-login-fbold {
  font-size: 0.9em;
  font-weight: bold;
}

.psc-login-fbold-indent {
  font-weight: bold;
  font-size: 0.9em;
  margin-left: 15px;
  margin-right: 2px;
}

.psc-ol {
  font-size: 0.9em;
}

.psc-login-min-width-90 {
  min-width: 90px !important;
}

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