/* Luminate Survey Button Styles - change colors and styles for each org */
#ACTION_SUBMIT_SURVEY_RESPONSE,
#ACTION_CANCEL_RESPONSE_SUBMIT,
#reset, .Button,
.blueButton,
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    padding: 6px;
    background-color: #1a87bc;
    background-image: -moz-linear-gradient(135deg, #e56855 20%, #f37e0e 100%);
    border: 1px solid #1a87bc;
    color: #fff;
    border-radius: 0;
    font-size: 16px;
    text-transform: uppercase;
    line-height: normal;
    font-weight: bold;
        display: inline-block;
    white-space: normal;
    overflow: hidden;
    line-height: 1;
    border-radius: 0 !important;
    text-transform: uppercase;
    vertical-align: middle;
    position: relative;
    font-size: calc(12px + (15 - 12 * ((100vw - 300px) / (1800 - 300))));
    font-weight: 700;
    font-family: "aktiv-grotesk", Verdana, Arial, sans-serif;
    padding: calc(9px + (10 - 9) * ((100vw - 300px) / (1800 - 300))) calc(11px + (14 - 11) * ((100vw - 300px) / (1800 - 300)));
    text-align: center;
    line-height: 1;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    text-decoration: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
  }

#ACTION_SUBMIT_SURVEY_RESPONSE:hover,
#ACTION_CANCEL_RESPONSE_SUBMIT:hover,
#reset:hover, .Button:hover,
.blueButton:hover,
#taf_send:hover,
#taf_popup_preview:hover,
.Button:hover {
  background-color: #b10836;
  background-image: -moz-linear-gradient(center top, #b10836, #b10836);
  border: 1px solid #b10836;
  color: #fff;
  border-radius: 0; 
    display: inline-block;
    white-space: normal;
    overflow: hidden;
    line-height: 1;
    border-radius: 0 !important;
    text-transform: uppercase;
    vertical-align: middle;
    position: relative;
    font-size: calc(12px + (15 - 12 * ((100vw - 300px) / (1800 - 300))));
    font-weight: 700;
    font-family: "aktiv-grotesk", Verdana, Arial, sans-serif;
    padding: calc(9px + (10 - 9) * ((100vw - 300px) / (1800 - 300))) calc(11px + (14 - 11) * ((100vw - 300px) / (1800 - 300)));
    text-align: center;
    line-height: 1;
    -webkit-transition: all 0.45s ease;
    transition: all 0.45s ease;
    text-decoration: none !important;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* Moves buttons in alignment with form */
#ACTION_SUBMIT_SURVEY_RESPONSE {
  margin: 0 0 0px 32px; }

#ACTION_SUBMIT_SURVEY_RESPONSE:hover {
  margin: 0 0 0px 32px; }

@media only screen and (max-width: 480px) {
  .appArea {
    width: 100%; }
  tr.old-school td {
    max-width: 248px; }
  table, td, tbody {
    clear: both !important;
    display: inline-block !important;
    overflow: visible !important;
    position: relative !important; }
  .maincontent TEXTAREA, .maincontent INPUT {
    max-width: 248px; }
  .maincontent #ACTION_SUBMIT_SURVEY_RESPONSE {
    margin: 0; }
  #reset,
  #ACTION_CANCEL_RESPONSE_SUBMIT {
    display: none; }
  label {
    margin: 8px 4px 16px !important; }
  td.req {
    display: inline !important;
    vertical-align: top; } }