/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

.icon-block {
  padding: 0 15px;
}

.icon-block .material-icons {
  font-size: inherit;
}

#tehnikaForm img {
  vertical-align: middle;
  margin-right: 20px;
}

.toolbar i {
  color: #29b6f6;
}

a.dropdown-trigger {
  position: absolute;
  top: 70px;
  left: 10px;
  z-index: 1000;
}

.dropdown-content {
  width: 300px !important;
  height: 75vh !important;
}

.dropdown-content li a img {
  height: inherit;
  line-height: inherit;
  float: left;
  margin: 0 24px 0 0;
  width: 24px;
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

.material-icons-outlined {
  line-height: 56px !important;
}

.fab {
  position: absolute;
  bottom: 80px;
  right: 20px;
}

.modal {
  box-shadow: none !important;
  border: none !important;
}

@media screen and (-ms-high-contrast: active),
(-ms-high-contrast: none) {
  .modal {
    position: -ms-page;
    top: 10%;
    box-shadow: none !important;
    border: none !important;
  }

  .modal.bottom-sheet {
    position: -ms-page;
    top: 155%;

    height: 100%;
  }

  .modal.bottom-sheet+.modal-overlay {
    position: -ms-page;
    top: 100%;
  }

  .modal-overlay {
    position: -ms-page;
    top: 5%;

    height: 100%;
  }
}