/* -------------------------------------------------- */
/* Responsive styling for PaymentConnect Sites pages  */
/* Can be used in conjunction with sites_basic.css    */
/* Collapses responsive forms and tables when pages   */
/* are viewed on smaller devices                      */ 
/* Updated 04/12/2018                                  */
/* -------------------------------------------------- */


@media all and (max-width: 500px) {
    .pc_button_container {
        padding-left:0px;
    }    
    input[type="submit"], input[type="button"] {
    	width:100%;
    }
    a.css-button, a.css-button-disabled {
        width:100%;
    }

    .addressBlock {float:none;width:100%;text-align:center;}
    .poweredBy {float:none;width:100%;text-align:center;}

    .pc_formstone_container .fs-grid .fs-row {
        width:100%; 
    }

    .pc_flex_form_line_container {
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap;
    }
    .pc_flex_form_label_item {
       text-align:left;
       -ms-flex: 0 0 auto;
       -webkit-flex: 0 0 auto;
       flex: 0 0 auto;
    }
    .pc_flex_form_required_flag_item {
       text-align:left;
       -ms-flex: 1 1 25px;
       -webkit-flex: 1 1 25px;
       flex: 1 1 25px;
    }    
    .pc_flex_form_field_item {
        width:100%;
        -webkit-flex: 1 1 100%;
    }
    .pc_flex_form_field_item .pc_short_input_field {
        width:100%;
    }
    .pc_flex_form_field_item .pc_medium_input_field {
        width:100%;
    }
    .pc_flex_form_field_item .pc_long_input_field {
        width:100%;
    }

    .pc_flex_form input {
   /*        font-size:1.2em; */
    }
    .pc_flex_form select {
  /*      font-size:1.2em;  */
    }
    .pc_button_container input[type="button"], .pc_button_container input[type="submit"] {
        font-size:1.2em;
    }
    .pc_flex_form_field_item fieldset table[role="presentation"] {
        font-size:1.2em;
    }


   /* pc_flex_imagedetailtable */
   .pc_flex_imagedetailtable_line_container {
       -webkit-flex-flow: row wrap;
       flex-flow: row wrap;
   }
   .pc_flex_imagedetailtable_image_item {
      text-align:left;
      -ms-flex: 0 0 auto;
      -webkit-flex: 0 0 auto;
      flex: 0 0 auto;
   }
   .pc_flex_imagedetailtable_detail_item {
       width:100%;
       -webkit-flex: 1 1 100%;
   }



   /* CSS-styled buttons */
.pc_page_button_container .css-button,
.pc_page_button_container .css-button-active,
.pc_page_button_container .css-button-disabled {
  margin-left:0px;
  margin-right:0px;
  width:100%;
}


.pc_button_container .css-button,
.pc_button_container .css-button-active,
.pc_button_container .css-button-disabled {
   width:100%;
   margin-right:0px;
   margin-bottom:5px;
}

}
@media all and (max-width: 350px) {

/* Login page */
.pc_sitelogin_panel  {
    box-sizing: border-box;
    border:none;
    margin:100px auto 200px auto;
    max-width:350px;
    padding:0px;
    box-shadow:none; 
    }


}