html,
body {
  overflow: auto !important;
  background-color: #f5f5f5;
}

.v-main {
  background-color: #f5f5f5;
}

.v-toolbar__content {
  background-color: white;
}

.icon-right {
  margin-left: 15px;
}

.icon-left {
  margin-right: 15px;
}

.v-data-table-header .read-only,
.read-only>td {
  opacity: 0.7 !important;
}

.v-tab {
  max-width: unset !important;
}

/**
 * Temporary fix for breaking change in Vuetify v-grid
 * (see : https://github.com/vuetifyjs/vuetify/issues/11408)
 * TODO - remove this after migration
 */
.row:not([class*='my-']):not([class*='ma-']):not([class*='mt-']):not([class*='mb-']) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.small-text td {
  font-size: 12px !important;
}

.condensed-table td, .condensed-table th {
  padding-left: 6px!important;
  padding-right:6px!important;
}
.tiny-text td,.tiny-text td > span {
  font-size: 10px !important;
}

.striped-rows tbody tr:nth-child(even) {
background-color:rgba(0,0,0,.05);
}
.flashing-icon {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}

.icon {

  margin-left: 2px;
  margin-right: 2px;
  margin-top: 4px;
  border-radius: 99999px;
  background-color: #b51986;
}

.vessel-icon {
  width: 18px;
  height: 18px;
}




.v-navigation-drawer {
  z-index: 999 !important;
}

.pulsating-circle {
  border-radius: 50%;
  background-color: rgb(255, 196, 0);
  border-color: red;
  opacity: 0;
  border: 3px dashed red;
  animation: scaleIn 1s infinite cubic-bezier(.36, .11, .89, .32);
}

@keyframes scaleIn {
  from {
    opacity: .5;
    border-width: 3px;
  }

  to {
    opacity: 0;
    border-width: 0px;
  }
}

.leaflet-pane {
  z-index: 8 !important;
}

.restricted-width {
  max-width: 1285px !important;
}

.leaflet-bottom.leaflet-right {
  display: none !important;
}

.v-skeleton-loader.v-skeleton-loader--is-loading .v-skeleton-loader__image {

  height: 100%;

}

.v-app-bar.v-app-bar--fixed {
  z-index: 9 !important;
}

.hoverable {
  cursor: 'pointer' !important;
  text-decoration: underline;
}

.small-header-text th {
  font-size: 10px !important;
}

.v-menu__content {
  background: white !important;}

 .full-screen-content {
  position: relative !important;
  height: calc(100vh - 270px) !important;
}

.half-screen-content {
  position: relative !important;
  height: calc(100vh - 547px) !important;
}

@keyframes move {
  from {
    left: 0;
    top: 0;
  }
  to {
    left: 100px;
    top: 100px;
  }
}
.gantt-item {
  transition: left 1s, top 1s;
  animation: move 1s;
}