@font-face {
  font-family: 'FontAwesome';
  src: url('falite.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  transition: transform 0.5s;
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-list:before {
  content: "\f00b";
}
.fa-trash:before {
  content: "\f014";
}
.fa-download:before {
  content: "\f019";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-check:before {
  content: "\f05d";
}
.fa-nowait:before {
  content: "\f05e";
}
.fa-plus:before {
  content: "\f067";
}
.fa-warning:before {
  content: "\f071";
}
.fa-save:before {
  content: "\f0c7";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-inline {
  margin-right: 0.4em;
}
.fa-right {
  margin: 2px 0px 0px auto;
}
.fa-rotate {
  transform: rotate(180deg);
}

body {
  margin: 0px;
  font-family: sans-serif;
  font-size: 14px;
}
.main {
  margin-left: 0px;
  padding: 12px;
  transition: margin-left 0.5s;
}

a {
  text-decoration: none;
  outline: none;
  cursor: pointer;
}
p {
  margin: 15px 0px 0px 0px;
}
h2, h3 {
  margin: 0px;
  text-shadow: -1px -1px 0 #eee, 1px -1px 0 #eee, -1px 1px 0 #eee, 1px 1px 0 #eee;
}
h1 {
  margin: 0px;
  font-size: 20px;
}
h2 {
  font-size: 18px;
}
h3 {
  font-size: 16px;
}

label {
  vertical-align: middle;
}
input[type="text"], input[type="password"], input[type="number"] {
  box-sizing: border-box;
  padding: 3px 6px 1px 6px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
input[type="text"]:focus, input[type="text"]:focus-visible, input[type="password"]:focus, input[type="password"]:focus-visible, input[type="number"]:focus, input[type="number"]:focus-visible {
  outline: none;
  border: 1px solid #0a53be;
}
input[type="number"] {
  padding: 2px 2px 2px 4px;
}
input[type="number"][size="2"] {
  width: 42px;
}
input[type="number"][size="3"] {
  width: 50px;
}
input[type="number"][size="7"] {
  width: 74px;
}
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {  
  opacity: 1;
}
input[type="checkbox"] {
  /* vertical-align: middle; */
}
textarea {
  width: 100%;
  resize: none;
  box-sizing: border-box;
}
textarea:focus, textarea:focus-visible {
  outline: none;
}

.menu-btn {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  display: inline-block;
  margin: 8px;
  padding: 16px 6px;
  border: 2px solid #000;
  border-radius: 8px;
  cursor: pointer;
  background-image: linear-gradient(#eee, #ddd);
}
.close-btn {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  margin: 2px 6px 0px 0px;
  padding: 16px 6px;
  border: 2px solid #000;
  border-radius: 8px;
  cursor: pointer;
  background-image: linear-gradient(#eee, #ddd);
}
.hamb-line {
  display: block;
  position: relative;
  width: 24px;
  height: 3px;
  border-radius: 6px;
  background-color: #000;
  transition: 0.5s;
}
.hamb-line::before, .hamb-line::after {
  content: '';
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 6px;
  background-color: #000;
  transition: 0.5s;
}
.hamb-line::before {
    top: 9px;
}
.hamb-line::after {
    top: -9px;
}

#menu-active {
  display: none;
}
#menu-active:checked ~ .menu-btn .hamb-line::before, .hamb-line-x::before {
  transform: rotate(45deg);
  top: 0px;
}
#menu-active:checked ~ .menu-btn .hamb-line, .hamb-line-x {
  background: transparent;
}
#menu-active:checked ~ .menu-btn .hamb-line::after, .hamb-line-x::after {
  transform: rotate(-45deg);
  top: 0px;
}

.title {
  text-align: center;
  margin: 0px 0px 12px 0px;
}

.sidebar {
  position: fixed;
  overflow-x: hidden;
  z-index: 1;
  top: 0;
  left: 0;
  width: 0px;
  height: 100%;
  background-image: linear-gradient(#eee, #ddd);
  transition: 0.5s;
}
.logo {
  display: block;
  width: 120px;
  height: 30px;
  padding: 12px 0px;
  margin-left: 62px;
}
.sidebar a, .dropdown-btn {
  display: flex;
  width: 100%;
  align-items: center;
  padding: 7px 10px;
  color: #111;
  font-size: 16px;
  text-align: left;
  white-space: nowrap;
  border: none;
  background: none;
}
.sidebar a:hover:not(.active), .dropdown-btn:hover {
  color: #fff;
  text-shadow: -1px -1px 1px #4477AA77, 1px -1px 1px #4477AA77, -1px 1px 1px #4477AA77, 1px 1px 1px #4477AA77;
  /* background-image: linear-gradient(#eef, #dde); */
}
.sidebar > .active, .sidebar > .dropdown-container > .active {
  color: #000;
  background-image: linear-gradient(#00d2ff, #00c2ef);
}
.dropdown-container {
  overflow: hidden;
  max-height: 0px;
  transition: max-height 0.5s;
}
.dropdown-container a {
  padding-left: 24px;
}
.sidebar > .userinfo {
  display: block;
  font-size: 12px;
  text-align: center;
  white-space: nowrap;
  padding: 0px;
  margin-bottom: 5px;
}
.userinfo #user {
  margin: 0px 10px;
}
.userinfo #logout {
  display: none;
  margin: 0px 10px;
}
.userinfo:hover #user {
  display: none;
}
.userinfo:hover #logout {
  display: inline;
}

.xcontainer {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, 310px);
  grid-row-gap: 10px;
  grid-column-gap: 17px;
  justify-content: center;
}
.item {
  position: relative;
  width: 310px;
  margin: 2px;
  border: 2px solid #bbb;
  border-radius: 6px;
  background-image: linear-gradient(#eee, #ccc);
}
.card-container {
  padding: 40px 10px;
  width: max-content;
  margin: 2px auto;
}
.card {
  text-align: center;
  text-wrap: nowrap;
  border: 2px solid #bbb;
  border-radius: 6px;
  background-image: linear-gradient(#eee, #ccc);
  box-shadow: 5px 5px 15px 1px rgba(120, 120, 120, .75);
  padding: 15px;
  margin-bottom: 35px;
}
.device-card {
  position: relative;
  border: 2px solid #bbb;
  border-radius: 6px;
  background-image: linear-gradient(#eee, #ccc);
  box-shadow: 5px 5px 15px 1px rgba(120, 120, 120, .75);
  min-width: 325px;
  max-width: 500px;
  overflow-y: auto;
  max-height: 85vh;
}

#menu-active:checked ~ .sidebar {
  width: 200px;
}

@media screen and (min-width: 552px) {
  #menu-active:checked ~ .main {
    margin-left: 200px;
  }
  .xcontainer {
    justify-content: left;
  }
  .card {
    padding: 20px 50px;
  }
}

@media screen and (min-width: 885px) {
  .menu-btn {
    display: none;
  }
  .logo {
    padding: 8px 0px;
    margin-left: 40px;
  }
  .sidebar {
    width: 200px;
  }
  .main {
    margin-left: 200px;
  }
  .xcontainer {
    justify-content: left;
  }
  .card-container {
    min-width: 500px;
  }
}

.hrline {
  border: 1px solid #ccc;
  margin: 0px;
}
.hrline-lg {
  margin: 14px 0px;
}

.ihead {
  position: relative;
  background-repeat: no-repeat;
  background-position: top right;
  background-size: contain;
  height: 80px;
  margin: 4px;
  padding-left: 2px;
}
.ishift {
  border-right: 20px solid transparent;
}
.ac-wall {
  background-image: url('/images/ac-wall.png');
}
.ac-ceiling {
  background-image: url('/images/ac-ceiling.png');
}
.ac-duct {
  background-image: url('/images/ac-duct.png');
}
.ac-group {
  background-image: url('/images/ac-group.png');
}
.ac-temp {
  background-image: url('/images/ac-temp.png');
}
.hp-fws {
  background-image: url('/images/hp-fws.png');
}
.hp-whs {
  background-image: url('/images/hp-whs.png');
}
.hp-cam {
  background-image: url('/images/hp-cam.png');
}
.hp-cam-group {
  background-image: url('/images/hp-cam-group.png');
}
.hp-mli {
  background-image: url('/images/hp-mli.png');
}
.hp-mli-group {
  background-image: url('/images/hp-mli-group.png');
}
.hp-plp {
  background-image: url('/images/hp-plp.png');
}
.hp-plp-group {
  background-image: url('/images/hp-plp-group.png');
}
.d-btank {
  background-image: url('/images/d-btank.png');
}
.d-pump {
  background-image: url('/images/d-pump.png');
}
.d-temp {
  background-image: url('/images/d-temp.png');
}
.pm-iem {
  background-image: url('/images/pm-iem.png');
}
.pm-inepro {
  background-image: url('/images/pm-inepro.png');
}

.acname {
  color: #000;
  font-size: 20px;
  font-weight: bold;
}
.cont-acname-show > .acname {
  display: inline-block;
  padding: 1.8px 0px 2.8px 6.8px;
}
.cont-acname-edit > .acname {
  font-family: sans-serif;
  padding-right: 25px;
}
.cont-acname-edit {
  display: none;
}
.fa-btn {
  display: inline-block;
  text-decoration: none;
  background: none;
  border: none;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  -moz-user-select: none;
}
.cont-acname-edit > .fa-btn {
  position: absolute;
  margin: 4px 0px 0px -25px;
}
.cont-left-shift {
  padding-left: 6.8px;
}

.icon-container {
  display: flex;
}
.mnum {
  width: 100%;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 6px;
}
.mtext {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 7px;
  color: #666;
}
.micon {
  position: relative;
  display: flex;
  align-items: center;
  border: 1px solid #bbb;
  border-radius: 5px;
  background-image: linear-gradient(#eee, #ccc);
  width: 34.4px;
  height: 34.4px;
  margin: 4px 2px 0px 4px;
}
.micon-wide {
  width: 52.4px;
}
.icon {
  background-size: contain;
  width: 36px;
  height: 36px;
  margin-top: 4px;
}
.wicon {
  position: absolute;
  bottom: 0;
  right: 0;
  background-size: contain;
  width: 28px;
  height: 28px;
  display: none;
}
.i-md {
  width: 36px;
  height: 36px;
}
.i-dry {
  background-image: url('/images/i-dry.png');
}
.i-fan {
  background-image: url('/images/i-fan.png');
}
.i-cool {
  background-image: url('/images/i-cool.png');
}
.i-heat {
  background-image: url('/images/i-heat.png');
}
.i-auto {
  background-image: url('/images/i-auto.png');
}
.i-off {
  background-image: url('/images/i-off.png');
}
.i-mixed {
  background-image: url('/images/i-mixed.png');
}
.i-dhw {
  background-image: url('/images/i-dhw.png');
}
.i-lock {
  background-image: url('/images/i-lock.png');
}
.i-alert {
  background-image: url('/images/i-alert.png');
}

.vspacer {
  margin-top: 10px;
}
.textspacer {
  margin: 6px 0px 4px 0px;
}
.status {
  font-size: 18px;
  color: #120707;
  font-weight: bold;
}

.table {
  display: table;
  width: 100%;
}
.users-table {
  display: table;
  width: 100%;
}
.thead {
  display: table-header-group;
}
.tbody {
  display: table-row-group;
}
.tfoot {
  display: table-footer-group;
}
.row {
  display: table-row;
}
.col {
  display: table-column;
}
.cell {
  display: table-cell;
  vertical-align: middle;
  padding: 2px;
}
.toptext {
  padding: 5px;
}
.topline {
  border-top: 1px solid #000;
}
.half {
  width: 50%;
}
.left {
  text-align: left;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.bottom {
  vertical-align: bottom;
}
.nowrap {
  white-space: nowrap;
}
.bold {
  font-weight: bold;
}
.card-footer-spacer {
  position: relative;
  height: 22.6px;
}
.card-footer-left {
  position: absolute;
  bottom: 0;
  left: 0;
}
.card-footer-right {
  position: absolute;
  bottom: 0;
  right: 0;
}
.card-footer {
  display: flex;
  justify-content: space-between;
}
.buttons {
  margin: auto 2px 1px 2px;
}
.errorcodes {
  margin: 10px 0px 0px 2px;
}
.errortext {
  margin: 0px;
}
.addrinfo {
  text-align: right;
  font-size: 11px;
  line-height: 11px;
  color: #666;
  padding: 1px 2px;
  margin-top: auto;
}
.rednote {
  color: #e00;
  font-weight: bold;
}
.container {
  position: relative;
  width: 100%;
}
.overlay {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.offline {
  color: #e00;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  border-style: solid;
  border-radius: 10px;
  padding: 14px 60px;
  margin: 0px;
}
.offline-small {
  padding: 2px 50px;
}
.offline-controls {
  padding: 5px 5px;
}
.grayout {
  opacity: 10%;
}
.loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 40px 5px;
  text-align: center;
  box-shadow: 5px 5px 15px 1px rgba(120, 120, 120, .75);
}
.popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.slider {
  -webkit-appearance: none;
  height: 6px;
  border-radius: 4px;
  background: #08d;
  outline: none;
  opacity: 0.7;
  -webkit-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out;
}
.slider:hover {
  opacity: 1;
}
.slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 16px;
  height: 16px;
  background: #04AA6D;
  cursor: pointer;
}
.slider::-moz-range-thumb {
  width: 16px;
  height: 16px;
  background: #04AA6D;
  cursor: pointer;
}
.slider-cont {
  display: inline-block;
  position: relative;
  vertical-align: middle;
}
.slider-bubble {
  transform: translateY(-21px);
  left: 50%;
  position: absolute;
  padding: 0px 3px;
  border: 1px solid black;
  border-radius: 4px;
  background-color: #fff;
  white-space: nowrap;
}

.radio-container, .radio-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.radio-container {
  margin: 0px 8px;
}
.radio-toolbar input[type="radio"] {
  display: none;
}
.radio-toolbar label {
  margin: 5px;
}
.radio-toolbar input[type="radio"]:checked+label {
  box-shadow: 0px 0px 6px 4px rgba(0,178,226,0.75);
}
#alabel-on, #alabel-off {
  box-shadow: none;
}

.sel {
  display: inline-block;
  cursor: pointer;
  vertical-align: middle;
  padding: 2px 2px 1px 2px;
  border: 1px solid #ced4da;
  border-radius: 4px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #000;
  background-color: #fff;
}
.config > .sel {
  color: #000;
  background-color: #e8e9ea;
  border-color: #e8e9ea;
}

.wifi-signal {
  display: inline-flex;
  align-items: flex-end;
  justify-content: flex-end;
  box-sizing: border-box;
  width: auto;
  height: 25px;
  padding: 4px;
}
.wifi-signal span {
  display: inline-block;
  width: 4px;
  margin-left: 2px;
  background-color: #28a745;
  border-radius: 2px;
}
.wifi-signal {
  .bar1 {
    height: 25%;
  }
  .bar2 {
    height: 50%;
  }
  .bar3 {
    height: 75%;
  }
  .bar4 {
    height: 100%;
  }
}
.signal0 {
  .bar1, .bar2, .bar3, .bar4 {
    background-color: #dc3545;
  }
}
.signal0, .signal1 {
  .bar1, .bar2, .bar3, .bar4 {
    opacity: 0.25;
  }
}
.signal2 {
  .bar2, .bar3, .bar4 {
    opacity: 0.25;
  }
}
.signal3 {
  .bar3, .bar4 {
    opacity: 0.25;
  }
}
.signal4 {
  .bar4 {
    opacity: 0.25;
  }
}

.badge {
  display: inline-block;
  min-width: 30px;
  padding: 3px 6px 1.2px 6px;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  border-radius: 6px;
}
.badge-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.badge-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.badge-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.btn {
  display: inline-block;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  padding: 2.5px 8px 1px 8px;
  border: 1px solid transparent;
  border-radius: 4px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.btn-small {
  min-width: 42px;
  padding: 2.5px 6px 0.5px 6px;
  line-height: 1;
  border-radius: 6.8px;
  font-size: 14px;
  font-family: sans-serif;
}
.btn-spacer {
  margin-right: 5px;
}
.btn:hover {
  color: #212529;
}
.btn:disabled, .btn.disabled, fieldset:disabled .btn {
  pointer-events: none;
  opacity: 0.20;
}
.btn-large {
  font-size: 16px;
}
.btn-fa {
  padding: 3px 0px 0.5px 5px;
}

.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.btn-primary:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
}
.btn-check:focus + .btn-primary, .btn-primary:focus {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be;
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd;
}

.btn-grey {
  color: #000;
  background-color: #e8e9ea;
  border-color: #e8e9ea;
}
.btn-grey:hover {
  color: #000;
  background-color: #e1e2e3;
  border-color: #e1e2e3;
}
.btn-check:focus + .btn-grey, .btn-grey:focus {
  color: #000;
  background-color: #e1e2e3;
  border-color: #e1e2e3;
  box-shadow: 0 0 0 0.25rem rgba(195, 196, 197, 0.5);
}
.btn-check:checked + .btn-grey, .btn-check:active + .btn-grey, .btn-grey:active, .btn-grey.active {
  color: #000;
  background-color: #e1e2e3;
  border-color: #e1e2e3;
}
.btn-check:checked + .btn-grey:focus, .btn-check:active + .btn-grey:focus, .btn-grey:active:focus, .btn-grey.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(195, 196, 197, 0.5);
}
.btn-grey:disabled, .btn-grey.disabled {
  color: #000;
  background-color: #e8e9ea;
  border-color: #e8e9ea;
}

.btn-success {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}
.btn-success:hover {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
}
.btn-check:focus + .btn-success, .btn-success:focus {
  color: #fff;
  background-color: #218838;
  border-color: #1e7e34;
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-check:checked + .btn-success, .btn-check:active + .btn-success, .btn-success:active, .btn-success.active {
  color: #fff;
  background-color: #1e7e34;
  border-color: #1c7430;
}
.btn-check:checked + .btn-success:focus, .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(60, 153, 110, 0.5);
}
.btn-success:disabled, .btn-success.disabled {
  color: #fff;
  background-color: #28a745;
  border-color: #28a745;
}

.btn-warning {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}
.btn-warning:hover {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
}
.btn-check:focus + .btn-warning, .btn-warning:focus {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-check:checked + .btn-warning, .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active {
  color: #000;
  background-color: #ffcd39;
  border-color: #ffc720;
}
.btn-check:checked + .btn-warning:focus, .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(217, 164, 6, 0.5);
}
.btn-warning:disabled, .btn-warning.disabled {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107;
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}
.btn-danger:hover {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
}
.btn-check:focus + .btn-danger, .btn-danger:focus {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-check:checked + .btn-danger, .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active {
  color: #fff;
  background-color: #b02a37;
  border-color: #a52834;
}
.btn-check:checked + .btn-danger:focus, .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus {
  box-shadow: 0 0 0 0.25rem rgba(225, 83, 97, 0.5);
}
.btn-danger:disabled, .btn-danger.disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545;
}

.hidden, .iowarn-off {
  display: none;
}

@-moz-document url-prefix() {
  input[type="text"], input[type="password"] {
    padding: 1px 6px 2px 6px;
  }
  input[type="number"] {
    padding: 2.5px 1.5px 2.2px 4px;
  }
  input[type="number"][size="2"] {
    width: 44px;
  }
  input[type="number"][size="3"] {
    width: 52px;
  }
  input[type="number"][size="7"] {
    width: 76px;
  }
  .sel {
    padding: 2px 6px 3px 6px;
  }
  .badge {
    padding: 3px 6px 2px 6px;
  }
  .btn {
    padding: 3px 8px 2px 8px;
  }
  .btn-small {
    padding: 2.2px 6px 1.2px 6px;
  }
  .btn-fa {
    padding: 3px 0px 2px 5px;
  }
  a.btn {
    padding: 3.8px 8px 2px 8px;
  }
}