@media (max-width: 576px) {
  #contactprinter {
    padding-top: 6px;
    padding-left: 2px;
    margin-bottom: 9px;
  }
}

@media (min-width: 768px) {
  #contactprinter {
    padding-top: 6px;
    padding-left: 30px;
    margin-bottom: 9px;
  }
}

.custom-control-input:checked ~ .custom-control-label::before {
  color: #000000;
  border-color: #8ed400;
  background-color: #8ed400;
}

.custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0 .2rem rgba(139,204,10,0.5);
}

.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
  color: #fff;
  background-color: rgba(139,204,10,0.5);
  border-color: #8fcc14;
}

.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: rgba(139,204,10,0.5);
}

.form-control:focus {
  /*display: block;*/
  /*width: 100%;*/
  /*height: calc(1.5em + .75rem + 2px);*/
  /*padding: .375rem .75rem;*/
  /*font-size: 1rem;*/
  /*font-weight: 400;*/
  /*line-height: 1.5;*/
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #8ed400;
  /*border-radius: .25rem;*/
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  box-shadow: 0 0 0 .2rem rgba(143,204,20,0.25);
}

#total {
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  /*margin-bottom: 8px;*/
  font-weight: bold;
  margin-left: 8px;
}

#rub {
  font-family: Montserrat, sans-serif;
  font-size: 32px;
  margin-bottom: 8px;
  font-weight: bold;
  margin-left: 2px;
}