* {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

:root {
  --brandcolor: #4599FF;
  --brandscolor: #529af1;
  --iconsize: 24px;
}

.brand-color {
  background: var(--brandcolor);
}

.page-footer {
  padding-top: 0px;
  color: #fff;
  background-color: var(--brandcolor);
}

nav {
  color: #ffffff1d;
  background-color: #fff;
  width: 100%;
  height: 56px;
  line-height: 56px;
}

nav .brand-logo {
  color: #333;
}

nav {
  -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgba(0, 0, 0, 0);
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 5px 0 rgb(0 0 0 0);
}

.card {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.card .card-content {
  padding: 0;
}

.preloader-wrapper.small {
  width: 26px;
  height: 26px;
}

.spinner-layer,
.spinner-white-only {
  border-color: #FFFFFF;
}

.circle-clipper .circle {
  border-width: 2px;
}

.btn {
  background-color: var(--brandcolor);
}

.btn:hover,
.btn-large:hover,
.btn-small:hover {
  background-color: var(--brandscolor);
}

.btn:focus,
.btn-large:focus,
.btn-small:focus,
.btn-floating:focus {
  background-color: var(--brandscolor);
}

.progress .indeterminate {
  background-color: var(--brandscolor);
}

.progress {
  background-color: #9e9e9e3d;
}

#logo {
  text-transform: uppercase;
  color: #333;
  font-size: large;
}

#logo img {
  margin: 7px;
  height: 44px;
  width: 44px;
}

#verifyBtn {
  opacity: 0
}

#resultPage {
  height: 100%;
}

body {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

main {
  /* flex: 1 0 auto; */
  flex: 1 1 auto;
  overflow-y: auto;
  margin-top: 3px;
  margin-bottom: 1px;
}

.card-action {
  padding-bottom: 14px;
}

body {
  overscroll-behavior: contain;
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/icons.woff2) format('woff2');
}

#docsFileInput {
  min-height: 60px;
}

#docsFileInput::placeholder {
  text-align: center;
  white-space: pre-line;
  color: rgba(0, 0, 0, 0.87);
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: var(--iconsize);
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

body {
  -webkit-touch-callout: none;
  -webkit-text-size-adjust: none;
  -webkit-user-select: none;
  background-attachment: fixed;
  /*font-size: 1.2rem;*/
  height: 100vh;
  margin: 0px;
  padding: 0px;
  /*width: 100vw;*/
}

input[type=text]:not(.browser-default),
input[type=text]:not(.browser-default):disabled {
  border-bottom: 1px solid transparent;
}

input[type=text]:not(.browser-default):disabled {
  color: inherit;
}

.collection-item {
  border-bottom: none !important;
}

.collection .collection-item.avatar {
    min-height: 62px;
    padding-left: 60px;
    padding-bottom: 0px;
}

.dropdown-content li>span {
  color: black;
}

.select-wrapper input.select-dropdown {
  margin: 0px;
}

#resultPageBack {
  border-radius: 50%;
  width: 36px;
  padding-left: 6px;
  margin-right: 10px;
}

#resultPageBack:hover {
  background-color: #0000001f !important;
}