html {
  font-size: 10px;
  font-weight: 400;
}

:focus {
  outline: none;
}

.header {
  height: 64px;
}

.footer {
  height: 114px;
}

.footer .telephone {
  width: 270px;
  margin-top: 32px;
  margin-bottom: 16px;
  font-size: 14px;
  line-height: 20px;
}

.footer .copyright {
  font-size: 12px;
  font-family: ArialMT;
  line-height: 14px;
}

.green-bg {
  background-color: #5AD0C9;
}

.white-bg {
  background-color: #FFF;
}


.white-color {
  color: #FFF;
}
.red-color {
  color: #FF3535;
}

.viewport-body {
  padding-top: 15vh;
  background-color: #F4F6F8;
  min-height: calc(100vh - 114px - 64px);
}

.user-name {
  font-size: 14px;
  margin-left: 8px;
  color: #FFF;
}

.no-bg {
  background: transparent;
}

.bordered {
  border: 1px solid;
}

.cursor {
  cursor: pointer;
}

.inline-block {
  display: inline-block;
}

.vertical-middle {
  vertical-align: middle;
}

.vertical-middle-container {
  display: flex;
  align-items: center;
}

.mt10 {
  margin-top: 48px;
}

.center {
  text-align: center;
}

.no-border {
  border: none;
}

/* over-write-bootstrap */

.btn {
  font-size: 1.4rem
}

.btn.focus, .btn:focus {
  box-shadow: none;
}

button:focus {
  outline: none;
}

.hoverable:hover {
  cursor: pointer;
  box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.2);
}