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

.material-icons {
  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;
  font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

table {
  border-collapse: collapse;
  border-bottom: 1px solid #ccc;
  margin: 5px;
}

table th, td {
  border: 1px solid #ccc;
  padding: 5px;
}

table tr:nth-child(even) {
  background-color: #f7f7f7;
}

.login-screen-content {
  max-width: var(--f7-login-screen-blocks-max-width);
}

.map {
  height: 100%;
  width: 100%;
  position: relative;
}

.crosshair {
  display: none;
  position: absolute;
  width: 54px;
  height: 54px;
  background: transparent url(../img/crosshair.svg) 0 0 no-repeat scroll;
  top: 50%;
  left: 50%;
  margin: -27px 0 0 -27px;
  pointer-events: none;
  z-index: 999;
  opacity: 1;
}

.item-title {
  text-overflow: unset !important;
  white-space: unset !important;
}

.list {
  margin: 0px !important;
}

.panel, .panel-backdrop {
  z-index: 99999;
}

.project {
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.leaflet-popup-close-button {
  /* display: none; */
  top: -12px !important;
  right: -12px !important;
  border-radius: 50% !important;
  box-shadow: 0 1px 5px rgba(0,0,0,0.65) !important;
  background: white !important;
  color: gray !important;
}

.leaflet-popup-content-wrapper {
  padding: 1px;
  border-radius: 5px;
}

.leaflet-popup-content {
  /* margin: 5px; */
  margin: 0px;
}

.gps_fixed::after {
  font-family: "Material Icons";
  content: "gps_fixed";
  font-size: 20px;
}

.gps_not_fixed::after {
  font-family: "Material Icons";
  content: "gps_not_fixed";
  font-size: 20px;
}

.gps_off::after {
  font-family: "Material Icons";
  content: "gps_off";
  font-size: 20px;
}

.leaflet-control-locate a{
  color: #5B5B5B;
}

.leaflet-control-locate.active a{
  color: #2074b6;
}

.leaflet-control-locate.active.following a{
  color: #fc8428;
}

.leaflet-pm-toolbar .leaflet-pm-icon-extent {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='rgb(91, 91, 91)' d='M21 15v6h-6l2.297-2.297-2.906-2.859 1.453-1.453 2.859 2.906zM9 21h-6v-6l2.297 2.297 2.859-2.906 1.453 1.453-2.906 2.859zM3 9v-6h6l-2.297 2.297 2.906 2.859-1.453 1.453-2.859-2.906zM15 3h6v6l-2.297-2.297-2.859 2.906-1.453-1.453 2.906-2.859z'></path></svg>");
}

.leaflet-pm-toolbar .leaflet-pm-icon-map {
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path fill='rgb(91, 91, 91)' d='M15 18.984v-11.859l-6-2.109v11.859zM20.484 3q0.516 0 0.516 0.516v15.094q0 0.375-0.375 0.469l-5.625 1.922-6-2.109-5.344 2.063-0.141 0.047q-0.516 0-0.516-0.516v-15.094q0-0.375 0.375-0.469l5.625-1.922 6 2.109 5.344-2.063z'></path></svg>");
}

@media screen and (max-device-width: 320px) and (orientation: portrait){
  .navbar .title {
    font-size: 17px;
  }
}