body{
  background:#AEE4FF;
}
.row::after {
    content: "";
    clear: both;
    display: table;
}
.payeezy-settings-form{
  max-width:auto;
  padding:30px;
  margin:40px auto;
  background: #FFF;
  border-radius: 10px;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}
.payeezy-settings-form-footer{
  position: absolute;
  bottom: -460px ! important;
  right: 20px ! important;
  width: auto;
  text-align: absolute;
  padding:30px;
  margin:40px auto;
  background: #FFF;
  border-radius: 10px;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}
.payeezy-settings-form .inner-wrap,
.payeezy-settings-form-footer .inner-wrap{
  padding: 30px;
  background: #F8F8F8;
  border-radius: 6px;
  margin-bottom: 15px;
}
.payeezy-settings-form table{
  max-width:auto;
  margin:40px auto;
  padding: 30px;
  background: #F8F8F8;
  border-radius: 6px;
  margin-bottom: 30px;
  border-radius: 10px;
  -webkit-border-radius:10px;
  -moz-border-radius: 10px;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
  -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}
.payeezy-settings-form .moreinfo {
    position: relative;
    display: inline-block;
}
.payeezy-settings-form .moreinfo .moreinfotext {
    visibility: hidden;
    width: 120px;
    background-color: #2A88AD;
    color: #F8F8F8;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    
    /* Fade in moreinfo - takes 1 second to go from 0% to 100% opac: */
    opacity: 0;
    transition: opacity 1s;
}
.payeezy-settings-form .moreinfo:hover .moreinfotext {
    visibility: visible;
    opacity: 1;
}
/*
td{
  visibility:collapse;
  padding: 30px;
  background: #F8F8F8;
  border-radius: 6px;
  margin-bottom: 15px;
}
*/
.payeezy-settings-form h1,
.payeezy-settings-form-footer h1{
  background: #2A88AD;
  padding: 20px 30px 15px 30px;
  margin: -30px -30px 30px -30px;
  border-radius: 10px 10px 0 0;
  -webkit-border-radius: 10px 10px 0 0;
  -moz-border-radius: 10px 10px 0 0;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
  font: normal 30px 'Bitter', serif;
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
  box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
  border: 1px solid #257C9E;
}
.payeezy-settings-form h1 > span,
.payeezy-settings-form-footer h1 > span{
  display: block;
  margin-top: 2px;
  font: 13px Arial, Helvetica, sans-serif;
}
.payeezy-settings-form label,
.payeezy-settings-form-footer label{
  display: block;
  font: 13px Arial, Helvetica, sans-serif;
  color: #888;
  margin-bottom: 15px;
}
.payeezy-settings-form input[type="text"],
.payeezy-settings-form input[type="select"],
.payeezy-settings-form input[type="datetime"],
.payeezy-settings-form input[type="email"],
.payeezy-settings-form input[type="number"],
.payeezy-settings-form input[type="search"],
.payeezy-settings-form input[type="time"],
.payeezy-settings-form input[type="url"],
.payeezy-settings-form input[type="password"],
.payeezy-settings-form textarea,
.payeezy-settings-form select {
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: 100%;
  padding: 4px;
  border-radius: 6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border: 2px solid #fff;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}
.payeezy-settings-form input[type="tax"]{
  display: block;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  width: auto;
  padding: 4px;
  border-radius: 6px;
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border: 2px solid #fff;
  box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
  -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
  -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}

.payeezy-settings-form .section,
.payeezy-settings-form-footer .section{
  font: normal 20px 'Bitter', serif;
  color: #2A88AD;
  margin-bottom: 5px;
}
.payeezy-settings-form .section span,
.payeezy-settings-form-footer .section span{
  background: #2A88AD;
  padding: 5px 10px 5px 10px;
  position: absolute;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border: 4px solid #fff;
  font-size: 14px;
  margin-left: -45px;
  color: #fff;
  margin-top: -3px;
}
.payeezy-settings-form input[type="button"], 
.payeezy-settings-form input[type="submit"]{
  background: #2A88AD;
  padding: 8px 20px 8px 20px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  color: #fff;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
  font: normal 30px 'Bitter', serif;
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
  box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
  border: 1px solid #257C9E;
  font-size: 15px;
}
.payeezy-settings-form input[type="button"]:hover, 
.payeezy-settings-form input[type="submit"]:hover{
  background: #2A6881;
  -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
  -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
  box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}
.payeezy-settings-form .privacy-policy{
  float: right;
  width: 250px;
  font: 12px Arial, Helvetica, sans-serif;
  color: #4D4D4D;
  margin-top: 10px;
  text-align: right;
}
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
}
@media only screen and (min-width: 600px) {
    /* For tablets: */
   .payeezy-settings-form .col-m-1 {width: 8.33%;}
   .payeezy-settings-form .col-m-2 {width: 16.66%;}
   .payeezy-settings-form .col-m-3 {width: 25%;}
   .payeezy-settings-form .col-m-4 {width: 33.33%;}
   .payeezy-settings-form .col-m-5 {width: 41.66%;}
   .payeezy-settings-form .col-m-6 {width: 50%;}
   .payeezy-settings-form .col-m-7 {width: 58.33%;}
   .payeezy-settings-form .col-m-8 {width: 66.66%;}
   .payeezy-settings-form .col-m-9 {width: 75%;}
   .payeezy-settings-form .col-m-10 {width: 83.33%;}
   .payeezy-settings-form .col-m-11 {width: 91.66%;}
   .payeezy-settings-form .col-m-12 {width: 100%;}
}
@media only screen and (min-width: 768px) {
    /* For desktop: */
   .payeezy-settings-form .col-1 {width: 8.33%;}
   .payeezy-settings-form .col-2 {width: 16.66%;}
   .payeezy-settings-form .col-3 {width: 25%;}
   .payeezy-settings-form .col-4 {width: 33.33%;}
   .payeezy-settings-form .col-5 {width: 41.66%;}
   .payeezy-settings-form .col-6 {width: 50%;}
   .payeezy-settings-form .col-7 {width: 58.33%;}
   .payeezy-settings-form .col-8 {width: 66.66%;}
   .payeezy-settings-form .col-9 {width: 75%;}
   .payeezy-settings-form .col-10 {width: 83.33%;}
   .payeezy-settings-form .col-11 {width: 91.66%;}
   .payeezy-settings-form .col-12 {width: 100%;}
}