/*
 * General
 */
.structure-row-disabled {
  opacity: 0.7;
}

/*
 * Operations Room
 */
.operations-room-list {
  overflow-y: auto;
  max-height: 425px;
}

.operations-room-row {
  height: 41px;
  font-size: 12px;
  border-bottom: 1px solid #999;
}

.operations-room-active {
  font-weight: bold;
  background-color: #eee;
}

.operations-room-details {
  height: 400px;
  margin-top: 10px;
  max-height: 400px;
  overflow-y: auto;
}

.readonlyMun {
  opacity: 0.7;
  pointer-events: none;
}

/*
 * Structure: Base
 */

.base-row {
  height: 41px;
  font-size: 12px;
  border-bottom: 1px solid #999;
}

.base-active {
  font-weight: bold;
  background-color: #ccdcec;
}

.base-col {
/*   width: 25px; */
  cursor: pointer;
  padding-left: 4px;
}

.base-col2 {
  cursor: pointer;
  width: 20px;
}

.base-tab-content {
  height: 400px;
  margin-top: 8px;
  max-height: 400px;
  overflow-y: auto;
}

.base-op-room {
  border: 1px solid #ccc;
  background-color: #eee;
}

.base-green {
  background-color: green;
  width: 15px;
}

.base-red {
  background-color: rgb(198, 40, 40);
  width: 15px;
}

.button-container {
  display: flex;
  justify-content: space-between; 
  flex-wrap: wrap; 
  gap: 10px; 
  padding: 10px; 
}

.base-btn-fixed {
  flex: 1; 
  min-width: 120px;
  max-width: 200px;
  height: 40px;
  text-align: center;
  border: none;
  font-size: 12px;
  font-weight: bold;
  border-radius: 4px;
  transition: all 0.2s ease-in-out;
  background-color: white;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.base-btn-fixed:hover {
  transform: translateY(-1px);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
}

.base-btn-fixed:active {
  transform: translateY(1px);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
}

.base-btn-active
{
  border: 4px solid rgb(62,179,215,0.5);
  border-radius: .25rem !important;
}

/*
 * Structure: Team
 */

/* Reimplemented calendar box week*/
.cal-week-box .cal-day-panel {
  border: 0px !important;
  max-height: 340px;
  overflow-y: auto;
  overflow-x: hidden;
}

.str-team-modal{
  height: 540px;
}

.str-team-form {
  max-height: 410px;
  overflow-y: auto;
  margin-top: 10px;
}

.team-list {
  overflow-y: auto;
  max-height: 410px;
}

.team-row {
  height: 41px;
  font-size: 12px;
  border-bottom: 1px solid #999;
}

.team-row:hover {
  background-color: #e4e4e4;
}
.msg{
  font-size: 10px;
  color: #eb9f34;
  font-style: oblique;
}


.legend-box {
  display:flex;
  align-items:center;
  height:60px; gap:10px
}
.legend-item {
  display:flex;
  align-items:center;
  gap:5px
}
/*
 * Water Point
 */
.water-point-col {
  width: 25px;
  cursor: pointer;
  padding-left: 4px;
}

.water-point-row {
  height: 41px;
  font-size: 12px;
  border-bottom: 1px solid #999;
}

.water-point-active {
  font-weight: bold;
  background-color: #eee;
}

.water-point-details {
  height: 440px;
  margin-top: 10px;
  margin-bottom: 10px;
  max-height: 440px;
  overflow-y: auto;
}

/*
 * Heliport
 */
.heliport-col {
  width: 25px;
  cursor: pointer;
  padding-left: 4px;
}

.heliport-row {
  height: 41px;
  font-size: 12px;
  border-bottom: 1px solid #999;
}

.heliport-active {
  font-weight: bold;
  background-color: #eee;
}

.heliport-details {
  height: 440px;
  margin-top: 10px;
  margin-bottom: 10px;
  max-height: 440px;
  overflow-y: auto;
}