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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .psc-login-primary-grid .ui-grid-col-12 {
    width: 100%; } }
/*
************************************************************************************
**
** END OF RESPONSIVE GRID GENERATION FOR 'psc-login-primary-grid'
**
************************************************************************************
*/
* {
  font-size: 15px; }

/**
***************************************************************************************************
** Let the PACER theme template know where the logo file is and
** how wide the logo image is.
***************************************************************************************************
**/
.psc-header-logo {
  background-image: url(../images/logo.png); }

.psc-logo-dimensions {
  width: 148px; }

/**
****************************************************
*** THIS IS USED TO REMOVE THE EXTRANEOUS BORDER
*** THAT SHOWS UP AT 640px WIDE
***
*** KEEP THIS FOR EVERY WIDTH AND EVERY GRID
****************************************************
**/

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