* {
  -webkit-tap-highlight-color: transparent;
}
html {
  overflow-y: scroll;
}
body {
  height:100vh;
  max-width: 100vw;
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
  'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
  sans-serif;
}

code {
  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
  monospace;
}
ul {
  list-style-type: none;
}

ol {
  list-style-type: none;
}
.display-none{
  display: none;
}
.visibility-hidden{
  visibility: hidden;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-default {
  cursor: default !important;
}
.color-white{
  color: #FFFFFF;
}
.m-0{
  margin: 0 !important;
}
.mt-0{
  margin-top: 0 !important;
}
.mr-10px{
  margin-right: 10px !important;
}
.mr-16px{
  margin-right: 16px !important;
}
.mb--8px{
  margin-bottom: -8px;
}
.mb-8px{
  margin-bottom: 8px;
}
.mb-20px{
  margin-bottom: 20px;
}
.mt-20px{
  margin-top: 20px;
}
.p-0{
  padding: 0 !important;
}
.pl-8px{
  padding-left: 8px;
}
.pr-8px{
  padding-right: 8px;
}
.bg-white{
  background-color: #FFFFFF;
}
.pb-16px{
  padding-bottom: 16px;
}
.pt-16px{
  padding-top: 16px;
}
.hover-shadow{
  transition: box-shadow 0.3s ease;
}
.hover-shadow:hover {
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.fw-500{
  font-weight: 500;
}
.w-35px{
  width: 35px !important;
}
.w-40px{
  width: 40px !important;
}
.w-42px{
  width: 42px !important;
}
.w-50px{
  width: 50px !important;
}
.w-80px{
  width: 80px !important;
}
.w-100{
  width: 100%;
}