/*
@import url("../../../icons/brand.css");
*/

:root {
  --q-primary: #275c86 !important;
  --q-secondary: #007979 !important;
  --q-accent: #81f8f8 !important;
  --q-positive: #21ba45 !important;
  --q-negative: #c10015 !important;
  --q-info: #31ccec !important;
  --q-warning: #f2c037 !important;
  --q-dark: #1d1d1d !important;
  --q-dark-page: #121212 !important;
  --blue: #1a73e8 !important;
}

.label-accent {
  margin-top: 5px;
  font-size: small;
  padding: 5px 10px !important;
  font-weight: normal;
  background-color: white;
  color: #81f8f8 !important;
  border-radius: 4px;
  border: 1px solid #81f8f8 !important;
  display: inline-block;
}

.label-positive {
  font-size: small;
  font-weight: normal;
  background-color: white;
  color: #21ba45 !important;
  border: #21ba45 1px solid !important;
  border-radius: 4px;
  display: inline-block;
  margin-top: 5px;
  padding: 5px 10px !important;
}

.label-negative {
  font-size: small;
  margin-top: 5px;
  font-weight: normal;
  border: #c10015 1px solid !important;
  background-color: white;
  color: #c10015 !important;
  border-radius: 4px;
  display: inline-block;
  padding: 5px 10px !important;
}

.head-title span {
  display: none;
}

.head-title:after {
  content: "SKALA GISLINER";
}

.head-subtitle span {
  display: none;
}

.head-subtitle:after {
  content: "Sistem Kendali Lahan Sawah";
}

.head-subtitle + span span,
.head-title + span span {
  display: none;
}

.head-subtitle + span:after,
.head-title + span:after {
  content: "On Premise";
}

.label-info {
  margin-top: 5px;
  font-size: small;
  font-weight: normal;
  background-color: white !important;
  color: #31ccec !important;
  border: #31ccec 1px solid !important;
  border-radius: 4px;
  display: inline-block;
  padding: 5px 10px !important;
}

.label-button:hover {
  background-color: var(--q-primary) !important;
  color: white !important;
  border-color: var(--q-primary) !important;
  cursor: pointer;
}

.label-button {
  width: 100% !important;
  text-transform: none !important;
  font-family: none !important;
  font-size: small;
  font-weight: normal;
  background-color: white !important;
  color: #0b57d0 !important;
  border: #c6c6c6 1px solid !important;
  border-radius: 4px;
  display: inline-block;
  padding: 5px 10px !important;
}

.label-button-demo {
  width: 100% !important;
  text-transform: none !important;
  font-family: none !important;
  font-size: small;
  font-weight: normal;
  background-color: rgb(248, 87, 0) !important;
  color: #ffffff !important;
  border-radius: 10px;
  display: inline-block;
  padding: 5px 10px !important;
}

.my-parent-container {
  text-align: right;
}

.label-button-box {
  width: auto;
  text-transform: none !important;
  font-family: none !important;
  font-size: small;
  font-weight: normal;
  background-color: white !important;
  color: var(--q-primary) !important;
  border: #c6c6c6 1px solid !important;
  border-radius: 4px;
  display: inline-block;
  padding: 5px 10px !important;
}

.elegant-shadow {
  border: #121212;
  border-radius: 5px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.25), 0 2px 2px rgba(0, 0, 0, 0.22);
}

.my-container {
  text-align: center;
  display: flex;
  justify-content: center;
}

.pointer-cursor {
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.pointer-cursor-d {
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.pointer-cursor-d:hover {
  background-color: #eeeeee;
  color: white;
}

.pointer-cursor:hover {
  background-color: var(--q-primary);
  color: white;
}

.pointer-cursor td {
  transition: color 0.2s ease;
}

.hover-info-tab {
  pointer-events: auto !important;  /* agar hover tetap bisa */
  cursor: not-allowed !important;   /* tetap terlihat disabled */
}