.nav>li>a {
  padding: 10px 10px;
}
#login-email input {
  width: 255px;
}
label {
  text-align: right;
  font-size: 13px;
  width: 80px;
}
@media (max-width: 767px) {
  .container {
    padding-left:5px;
    padding-right:5px;




    
  }
  #login-email label, #login-pass label {
    width:22%;
  }
  #login-email input, #login-pass input {
    width:75%!important;
  }
}
.login p {
  font-size: 13px;
  margin-bottom: 20px;
  text-align: left;
}
input,
button,
p {
  margin: 5px 0;
}
.login {
  max-width: 100%;
  margin: 30px auto;
  padding: 20px;
  border: 1px solid #ccc;
}
b {
  color: #ff0;
}
p {
  font-size: 13px;
}
#edit-submit {
  margin-left: 115px;
  font-size: 13px;
}
/* div.required .control-label:before {} */
td {
  padding: 0 3px 0 5px;
}
.notes {
  font-size: 12px;
  color: #888;
  display: none;
}
.underline {
  text-decoration: underline;
}
.btn-primary {
  color: #fff;
  background-color: #2f8223;
  border-color: #207616;
}
.btn-primary:hover,
.btn-primary:focus {
  background-color: #0e6b07;
}
.form-horizontal .control-label {
  padding: 15px 0 0 15px;
}
@media (max-width: 767px) {
  legend {
    font-size:16px;
  }
  .form-horizontal .control-label {
    padding: 12px 0 0 0;
  }
  label {
    font-size: 11px;
  }
  .form-control {
    color:#222;
    font-size:11px;
    padding: 3px 4px 2px;
    height:25px;
  }
  .btn {
    padding: 1px 6px;  
  }
}
.form-control {
  min-width: 50px;
}
.select {
  margin: 5px 0;
}
td.CA {
  background: #c1ffab;
  width: 35px;
}
td.CA2 {
  background: #abffcd;
  background: #abffd7;
}
td.CA5 {
  background: #f9ffab;
}
td.MH {
  background: #abf9ff;
}
td.MH2 {
  background: #abc1ff;
}
td.BO {
  background: #cdabff;
}
td.LBO {
  background: #ffabf9;
}
td.TR {
  background: #ffabc1;
}
td.TR2 {
  background: #ffcdab;
}
td.SC {
  background: #89ccc2;
}
td.AE {
  background: #eee;
}
td.UN {
  background:chocolate;
}
td.EL {
  background:yellow;
}
td.list-pay-freq {
  width: 125px;
}
td.cls-monthlyindustrial {
  background: #f8f8f8;
}
td.cls-monthly,
.cls-Monthly {
  background: #f0f0f0;
}
td.cls-quarterly,
.cls-Quarterly {
  background: #e0e0e0;
}
td.cls-annually,
.cls-Annually {
  background: #c8c8c8;
}
td.plot-list {
  width: 70px;
}
.service-level-info {
  display: none;
}
#single-axle-caravan,
#twin-axle-caravan,
#single-axle-motorhome,
#twin-axle-motorhome,
#boat,
#large-boat {
  display: none;
  /*opacity:0.4;*/
}
.navbar {
  width: auto;
}
.buttons {
  margin-bottom: 10px;
}
.form-group {
  margin-bottom: 0;
}
.label-notes {
  clear: both;
}
.memo {
  width: 95%;
  margin: 0 0 15px 15px;
}
.form-horizontal .label-old-level {
  padding: 10px 5px 0 0;
  width: 80px;
}
.form-horizontal .label-date {
  padding: 10px 5px 0 0;
  width: 62px;
}
.clickmetime {
  padding-top: 9px;
  margin-left: 4px;
}
.form-horizontal .label-plot {
  clear: both;
  padding: 10px 5px 0 0;
  width: 40px;
}
.form-horizontal .label-bank-ref {
  padding: 10px 5px 0 0;
  width: 70px;
}
.form-horizontal .label-pay-freq {
  padding: 10px 5px 0 0;
  width: 50px;
}
.form-horizontal .label-keyfob {
  padding: 10px 5px 0 0;
  width: 65px;
}
.office {
  float: left;
}
.office_box {
  background: #f3f3f3;
  padding: 5px;
}
.pre {
  /* display: block; */
  unicode-bidi: embed;
  font-family: monospace;
  white-space: pre;
}
.office-first {
  width: 40px;
  float: left;
  text-align: right;
  padding: 0px 5px 0 10px;
  font-weight: bold;
}
.myinput {
  float: left;
}
.old-service-level {
  width: 100px;
}
.date {
  width: 100px;
}
.plot {
  width: 65px;
}
.bank-ref {
  width:130px;
}
.pay-freq {
  width: 110px;
}
.keyfob {
  width: 100px;
}
.align-right {
  text-align: right;
}
.small {
  font-size: 11px;
}
.grey {
  color: #888;
}
.grn:hover {
  background: #77d777;
}
.red:hover {
  background: #d06d6e;
}
.blu:hover {
  background: #7375c6;
}
.even-row {
  background: #f0f0f0;
}
.red_bg {
  background: #ffd1d1;
}
.clrfix {
  clear: both;
}
textarea {
  height: 75px;
}
.myinput {
  display: inline-block;
  min-height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #777;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  margin: 0 0 15px 0;
}
.mymemo {
  margin: 0 20px 15px 20px;
}
.changed {
  background: #ffffa0;
}
.help {
  font-size: 10px;
  color: #888;
  padding-bottom: 10px;
  float: left;
  width: 78%;
}
p.comment {
  font-size: 12px;
  color: #bbb;
  background: #f9ffab;
  line-height: 14px;
}
#pay-records {
  border: 1px solid #ccc;
  padding: 2px 5px;
  background: #fff;
}
.record-txt {
  color: #888;
  padding: 2px 0;
}
.pay-record {
  float: left;
  width: 155px;
  padding-left: 5px;
}
.pay_amounts {
  font-weight: bold;
  color: #0000a0;
  padding-right: 25px;
}
.frq-select-holder {
  width: 170px;
  float: left;
}
/* .frequency-select {} */
.label-pay-freq {
  clear: both;
}
.form-horizontal .label-plot {
  clear: none;
  padding: 10px 5px 0 0;
  width: 40px;
}
.form-horizontal .label-pay-freq {
  width: 46px;
}
.plr6 {
  padding-left: 6px;
  padding-right: 6px;
}
.plot {
  width: 60px;
}
.bank-ref {
  width: 90px;
}
.label-payment_1,
.label-payment_2 {
  width: 100px;
  font-weight: normal;
  padding: 10px 3px 0 0;
}
.label-payment_2 {
  width: 156px;
}
.payment_1,
.payment_2 {
  width: 85px;
}
.preview_list_emails,
.preview_list_bank_ref {
  float: left;
}
.preview_list_emails {
  width: 180px;
  margin: 5px;
}
.preview_list_bank_ref {
  width: 80px;
  padding-left: 5px;
  margin-right: 5px;
}
#second_payment {
  display: none;
}
@media print {
  header,
  #nav,
  footer,
  #account legend,
  #address legend,
  #service legend,
  .heading legend,
  h2.heading {
    display: none;
  }
}
@page {
  size: A4;
  margin: 0;
}
@media print {
  html,
  body {
    width: 210mm;
    height: 297mm;
  }
  /* ... the rest of the rules ... */
}
@media print {
  .container {
    width: auto;
  }
  .col-sm-8 {
    width: 60%
  }
  .form-control {
    width: auto;
  }
}
@media (max-width: 767px) {
  .myinput {
    font-size:11px;
    min-height: 25px;
    line-height: 1.42857143;
    margin: 0 0 15px 0;
    padding: 3px 4px 2px;
    height:25px;
  }
  .clickmetime {
    padding-top: 4px;

  }
  .form-horizontal .label-date, .form-horizontal .label-old-level,
  .form-horizontal .label-plot,
  .form-horizontal .label-bank-ref, .form-horizontal .label-pay-freq,
  .form-horizontal .label-keyfob {
    padding: 5px 5px 0 0;
  }
  .form-horizontal .label-keyfob {
    clear:both;
  }

}