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;
}

.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: 1185px!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;
}