/**
***************************************************************************************************
** 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: 10px 10px;
  margin: 0 0 0 0;
  border-style: solid;
  border-color: #dcdee0;
  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: #dcdee0;
  border-width: 0;
}

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

.psc-login-dialog {
  background-color: #ffffff;
  padding: 0 0 0 0 !important;
  margin: 5px  !important;
  border-style: solid;
  border-color: #dcdee0;
  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.  It is necessary to do it differently for login,
**** blocking only the login panel (rather than the entire UI)
**** because login can be installed in other places.
****
*********************************************************************
 */
.psc-login-panel .ui-blockui-content {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

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

.psc-login-command-link {
  font-size: 13px !important;
}

/*********************************************************************/
/*                            POPUP STYLES                            */
/*********************************************************************/
/*********************************************************************/
/*                            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 */
