.s-TranslationGrid input.custom-text {
  width: 100%;
}

.s-UserPermissionDialog > .size,
.s-RolePermissionDialog > .size,
.s-UserRoleDialog > .size {
    min-width: 770px;
    width: 770px;
    min-height: 550px;
    height: 550px;
}

.s-UserPermissionDialog .s-DataGrid,
.s-RolePermissionDialog .s-DataGrid,
.s-UserRoleDialog .s-DataGrid {
  height: 100%;
}

.custom-icon-crane {
  display: inline-block; /* To ensure proper alignment */
  width: 20px; /* Adjust as needed */
  height: 20px; /* Adjust as needed */
  background-size: cover; /* Adjust as needed */
  background-image: url('images/icons/icons8-crane-642.png');

}

.custom-icon-crane-large {
  display: inline-block; /* To ensure proper alignment */
  width: 30px; /* Adjust as needed */
  height: 30px; /* Adjust as needed */
  background-size: cover; /* Adjust as needed */
  background-image: url('images/icons/icons8-crane-642.png');
}

.custom-icon-forklift {
  display: inline-block; /* To ensure proper alignment */
  width: 24px; /* Adjust as needed */
  height: 24px; /* Adjust as needed */
  background-size: cover; /* Adjust as needed */
  background-image: url('images/icons/forklift.png');
}

.custom-icon-truck {
  display: inline-block; /* To ensure proper alignment */
  width: 48px; /* Adjust as needed */
  height: 40px; /* Adjust as needed */
  background-size: cover; /* Adjust as needed */
  background-image: url('images/icons/truck.png');
}


.custom-icon-location {
  display: inline-block; /* To ensure proper alignment */
  width: 16px; /* Adjust as needed */
  height: 22px; /* Adjust as needed */
  background-size: cover; /* Adjust as needed */
  background-image: url('images/icons/placeholder_128C.png');
}

.custom-icon-chassis {
  display: inline-block; /* To ensure proper alignment */
  width: 16px; /* Adjust as needed */
  height: 22px; /* Adjust as needed */
  background-size: cover; /* Adjust as needed */
  background-image: url('images/icons/trailer.png');
}


/* Add styles to the icon */
#s_sidebar_group1 .s-sidebar-group-title::after {
  content: ""; /* Required for the pseudo-element to appear */
  display: inline-block;
  width: 24px; /* Adjust as needed */
  height: 24px; /* Adjust as needed */
  background-image: url('images/icons/icons8-crane-642.png');
  background-size: cover; /* Adjust as needed */
  margin-left: 5px; /* Adjust to add spacing between title and icon */
}

/* Adjust spacing between the title and icon */
#s_sidebar_group1 .s-sidebar-group-title {
  display: inline-flex; /* Ensures proper alignment */
  align-items: center; /* Vertically center the title and icon */
}

.quater-with-control .caption {
  width: 100%;
}

/* External API Clients Styles */
.s-ExternalApiClients-ApiKey {
  font-family: 'Courier New', monospace;
  background-color: #f5f5f5;
  padding: 5px;
  border-radius: 3px;
}

.deactivate-client-button {
  background-color: #d9534f;
  border-color: #d43f3a;
  color: #fff;
}

.deactivate-client-button:hover {
  background-color: #c9302c;
  border-color: #ac2925;
  color: #fff;
}

.reactivate-client-button {
  background-color: #5cb85c;
  border-color: #4cae4c;
  color: #fff;
}

.reactivate-client-button:hover {
  background-color: #449d44;
  border-color: #398439;
  color: #fff;
}

.manage-keys-button {
  background-color: #5bc0de;
  border-color: #46b8da;
  color: #fff;
}

.manage-keys-button:hover {
  background-color: #31b0d5;
  border-color: #269abc;
  color: #fff;
}

/* External API Keys Styles */
.generate-key-button {
  background-color: #337ab7;
  border-color: #2e6da4;
  color: #fff;
}

.generate-key-button:hover {
  background-color: #286090;
  border-color: #204d74;
  color: #fff;
}

.revoke-key-button {
  background-color: #d9534f;
  border-color: #d43f3a;
  color: #fff;
}

.revoke-key-button:hover {
  background-color: #c9302c;
  border-color: #ac2925;
  color: #fff;
}

.s-SecretDialog .alert {
  margin-bottom: 15px;
}

.s-SecretDialog .form-control[readonly] {
  background-color: #f5f5f5;
  cursor: text;
}

.s-SecretDialog code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  border-radius: 4px;
}

/* Main Dashboard Module Navigation Cards */
.dashboard-module-card {
  transition: transform 0.15s ease, box-shadow 0.15s ease;
  cursor: pointer;
}

.dashboard-module-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.s-sidebar-band-link {
  height: 2.95rem !important;
}

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

.leaflet-tile-pane {
  z-index: 200;
}

.leaflet-overlay-pane {
  z-index: 400;
}

.leaflet-shadow-pane {
  z-index: 500;
}

.leaflet-marker-pane {
  z-index: 600;
}

.leaflet-tooltip-pane {
  z-index: 650;
}

.leaflet-popup-pane {
  z-index: 700;
}

.leaflet-map-pane canvas {
  z-index: 100;
}

.leaflet-map-pane svg {
  z-index: 200;
}

/* control positioning */

.leaflet-control {
  z-index: 0 !important;
}