.btn {
  background-color: DodgerBlue;
  border: none;
  color: white;
  padding: 12px 15px;
  cursor: pointer;
  font-size: 14px;
}

.btn:hover {
  background-color: RoyalBlue;
}

.btn-group button {
  background-color: #04AA6D; /* Green background */
  border: 1px solid green; /* Green border */
  color: white; /* White text */
  padding: 10px 24px; /* Some padding */
  cursor: pointer; /* Pointer/hand icon */
  float: left; /* Float the buttons side by side */
}

.btn-group button:not(:last-child) {
  margin-right: 10px;
}

/* Clear floats (clearfix hack) */
.btn-group:after {
  content: "";
  clear: both;
  display: table;
}

/* Add a background color on hover */
.btn-group button:hover {
  background-color: #3e8e41;
}

.leaflet-container { 
    background: white;
    border-radius: 5px;
}

.mibox {
    border: 1px solid lightgrey;
    border-radius: 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.mibadge {
    display: inline-block;
    margin-right: 8px;
    width: 9px;
    height: 9px;
    background-color: grey;
    border: 1px solid grey;
    border-radius: 50%;
}

.mibadge.green {
    background-color: #5fe499;
}

.mibadge.yellow {
    background-color: #ffe764;
}

.mibadge.red {
    background-color: #eb4559;
}

.mibadge.wh-18px {
    width: 18px;
    height: 18px;
}

.rt-td.block-expandable button.rt-expander-button {
    display: none;
    pointer-events: none;
}

.rt-td.block-expandable {
    cursor: auto;
}

.rt-td-inner:empty {
    cursor: auto;
}

.rt-td.link {
    cursor: pointer;
}

.graph {
    position: relative;
    width: 102px;
    height: 9px;
    background-color: lightgrey;
    border: 1px solid grey;
}

.mibar {
    position: absolute;
    background-color: #ffe764;
}

.mibar100 {
    position: absolute;
    background-color: #5fe499;
}


.quarto-container main header+.cell+.cell {
    .crosstalk-bscols {
        @media (min-width: 1200px) {
            .row:has(.col-lg-4) {
                display: flex;
                .col-lg-4 {
                    display: flex;
                    flex-direction: column;
                    height: auto;
                    .mibox {
                        flex: 1;
                        height: auto;
                        .leaflet-container {
                            height: 100% !important;
                        }
                    }
                }
            }
        }
    }
}

.grid {
    @media (min-width: 1400px) {
        .g-col-xxl-4:has(.mibox) {
            display: flex;
            flex-direction: column;
            .mibox {
                flex: 1;
                display: flex;
                flex-direction: column;
                .leaflet {
                    flex: 1;
                }
            }
        }
        .g-col-xxl-2:has(.mibox) {
            display: flex;
            flex-direction: column;
            .mibox {
                flex: 1;
                display: flex;
                flex-direction: column;
                .leaflet {
                    flex: 1;
                }
            }
        }
    }
}

.row:has(.col-xs-4 .btn) {
    display: grid;
    max-width: 50rem;
    grid-template-columns: auto 4rem;
    .col-xs-4 {
        display: contents;
        .form-group {
            display: contents;
            label { grid-column: 1/-1; }
            label+div {
                display: contents;
                .selectize-input {
                    height: 100%;
                    border-radius: 4px 0 0 4px;
                    padding: auto;
                    display: flex;
                    flex-wrap: wrap;
                    .item {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        padding: 0 1rem;
                    }
                }
            }
        }
        .btn {
            border: solid #cccccc 1px;
            border-left: none;
            border-radius: 0 4px 4px 0;
        }
    }
}


ul.footer-items li:last-child p {
    text-wrap: nowrap;
    white-space: nowrap;
}

@media (min-width: 1400px) and (min-height: 700px) {
    .page-layout-article:has(.social-share) {
        display: contents !important;
        .social-share {
            position: fixed;
            right: 10px;
            top: 50%;
            transform: translateY(-50%);
            flex-direction: column;
            .bsky {
                text-align: center;
            }
        }
    }
}

@media print {
  .noPrint {
      display:none;
  }
  .social-share {
      display:none;
  }
}