.onColor {
    color: #FFFFFF;
    background-color: #D2232A;
    /* border: 1px solid; */
    /* box-shadow: 700px 0px 0px 0px #D2232A; */
}
.offColor {
    color: black;
    background-color: #FFFFFF;
    /* border: 1px solid; */
    /* box-shadow: 700px 0px 0px 0px #FFFFFF !important; */
}
.map-target {
    min-height: 450px;
    width: 100%;
}

.map-key {
    display: flex;
    flex-direction: column;
    margin-top: 05px;
}

.map-key > div {
    align-items: center;
    display: flex;
    gap: 5px;
    margin-right: 15px;
}
.key-line {
    display: inline-block;
    width: 15px;
    height: 5px;
    margin-bottom: 3px;

}
.belowMap > div {
    margin-right: 15px;
}

.key-box {
    display: inline-block;
    width: 15px;
    height: 15px;
    /* border: 2px solid; */
}
.map-wrapper button {
    color: white;
    /* border: solid 2px; */
}I
.map-key-button {
    display: inline-block;
    /* border: solid 2px; */
    width: 15px;
    height: 15px;  
}
.map-key button{
    display: inline-block;
    justify-content: end;
    /* border: solid 2px; */
    width: 155px;
    height: 45px;
}
.laborshed {
    margin-left: 10px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #A9CBB2;
    /* opacity: 1; */
}
.Gonzales {
    margin-left: 10px;
    display: inline-block;
    width: 15px;
    height: 15px;
    background-color: #ddf1e3;
    /* opacity: 0.6; */
}
.map-wrapper {
    display: flex;
    background-color: white;
    
}
.map-toggles{
    /* flex-basis: 100%; */
    width: 15%;
    font-size: 22px;
    font-weight: bold;
    margin-left: 5px;
    text-align: center;
    justify-content: space-between;
    
    /* margin-right: 5px; */

}
.map-legend{
    display: flex;
    flex-direction: column;
    min-width: 175px;
    padding: 0 0.5rem;
}
.map-key {
    display: flex;
    /* flex-direction: column; */
}
.imageKey img {
    height: 20px;
    width: 20px;
}
.I10 {
    display: inline-block;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background-color: #b046fc;
}
.tx97 {
    display: inline-block;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background-color: #39bd49;
    /* opacity: 0.6; */
}
.us183 {
    display: inline-block;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    background-color: #ec8249;
    /* opacity: 0.6; */
}
.upr {
    display: inline-block;
    margin-left: 10px;
    width: 15px;
    height: 15px;
    /* background-color: #d2322a; */
    /* opacity: 0.6; */
}
.belowMap {
    display: flex;
    margin: 12px;
}
#aha-map-legend button{
    background-color: white;
    color: black;
    outline: white;
    border: none;
    font-size: 20;
    font-weight: bold;
    margin-bottom: 5px;
}
#aha-map-legend button:focus{
    color:#D2232A !important;
}
.map-toggles span {
    margin-bottom: 20px;
}
#Cherokee{
    margin-top: 20px;
}