/**
***************************************************************************************************
** Define CONSTANTS to be used throughout the style sheet
***************************************************************************************************
**/
@media screen and (max-width: 850px) {
  /* the three 'pcl-visible' styles offer a way to control the */
  /* the rendering of items based on where the screen width is */
  /* in relation to the screen break points                    */
  .pcl-visible-wide {
    display: none !important; }

  .pcl-visible-mid {
    display: none !important; }

  /* **********************************************
  float the legend box to the left and create some
  space above when in small mode
   ************************************************/
  .pcl-legend-box {
    float: left;
    margin-top: 10px;
    margin-left: 0;
    clear: both; }

  /*********************************************************************/
  /*                         GRID COLUMN TYPES                         */
  /*********************************************************************/
  /* NOTE: Any style here should have a corresponding style in pcl.scss*/
  /*********************************************************************/
  .pcl-grid-date {
    width: auto;
    white-space: nowrap; }

  /*********************************************************************/
  /*                       END GRID COLUMN TYPES                       */
  /*********************************************************************/
  /*******************************************************************/
  /*                          QUICK LINKS                            */
  /*******************************************************************/
  .pcl-quick-links {
    margin-top: 0;
    margin-left: 0;
    margin-bottom: 10px;
    max-width: 100% !important; }

  .pcl-quick-links-group {
    float: unset;
    width: 100%; }

  /*******************************************************************/
  /*                        END QUICK LINKS                          */
  /*******************************************************************/
  /********************************************************************/
  /*                     FacesMessage formatting.                     */
  /********************************************************************/
  .pcl-global-messages {
    margin: 25px 10px -15px 10px; }

  /********************************************************************/
  /*                   END FacesMessage formatting.                   */
  /********************************************************************/
  /*******************************************************************/
  /*                           FOOTER                                */
  /*******************************************************************/
  .pcl-footer {
    display: none;
    width: 100%; }

  /*******************************************************************/
  /*                         END FOOTER                              */
  /*******************************************************************/
  .pcl-job-status {
    border-radius: 5px;
    text-align: center;
    width: 95px;
    padding: 1px 5px 1px 5px;
    margin: -1px 1px -1px 1px;
    font-size: 0.95em;
    display: inline; }

  .pcl-related-information-group {
    float: unset;
    width: 100%; } }

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