div.Table.Shelters {
    clear: both;
}
div.Table.Shelters>table>tbody>tr:hover {
    background-color: #eff;
}
div.Table.Shelters>table>tbody>tr>td>span {
    margin: 0.4rem;
    min-width: 8.0rem;
    text-align: center;
}
div.Table.Shelters>table>tbody>tr>td>span+a+p {
    padding-bottom: 0.4rem; margin: 0 4.8rem 0 8.8rem;
}
div.Table.Shelters>table>tbody>tr>td>span+a+p+div>p {
    margin: 0.4rem; padding: 0.8rem;
}
div.Table.Shelters>table>tbody>tr>td>span+a+p+div>p+h6>span {
    color: #036;
    padding-bottom: 0;
}
div.Table.Shelters>table>tbody>tr>td>span+a+p+div>p+h6+p {
    background-color: #eee; margin: 0.4rem; border: solid 1px #ddd; padding: 0.8rem;
}
div.Table.Shelters>table>tbody>tr>td>span+a+p+div>p>a.Tag {
    float: right;
}
div.Table.Shelters>table>tbody>tr>td>span.Tag.Valid {
    color: #fff; 
    background-color: #0c0; 
}
div.Table.Shelters>table>tbody>tr>td>span.Tag.Valid:before {
    content: none;
}
div.Table.Shelters>table>tbody>tr>td>span.Tag.Valid:after {
    content: none;
}
div.Table.Shelters>table>tbody>tr>td>span.Tag.Warning {
    color: #fff; 
    background-color: #f90; 
}
div.Table.Shelters>table>tbody>tr>td>span.Tag.Warning:before {
    content: none;
}
div.Table.Shelters>table>tbody>tr>td>span.Tag.Warning:after {
    content: none;
}
div.Table.Shelters>table>tbody>tr>td>span.Tag.Alert {
    color: #fff; 
    background-color: #c00; 
}
div.Table.Shelters>table>tbody>tr>td>span.Tag.Alert:before {
    content: none;
}
div.Table.Shelters>table>tbody>tr>td>span.Tag.Alert:after {
    content: none;
}
div.Table.Shelters>table>tbody>tr>td>span.Tag.Unknown {
    color: #fff; 
    background-color: #ccc; 
}
div.Table.Shelters>table>tbody>tr>td>span.Tag.Unknown:before {
    content: none;
}
div.Table.Shelters>table>tbody>tr>td>span.Tag.Unknown:after {
    content: none;
}

div.Table.Shelters>table>tbody>tr>td a.Icon.Float.Right.Details { color: #069; }
div.Table.Shelters>table>tbody>tr>td a.Icon.Float.Right.Details:link { color: #069; }
div.Table.Shelters>table>tbody>tr>td a.Icon.Float.Right.Details:visited { color: #069; }
div.Table.Shelters>table>tbody>tr>td a.Icon.Float.Right.Details:hover { color: #39c; }

div.Table.Shelters>table>tbody>tr>td a.Icon.Float.Right.Details {

    background: none;
    margin: 0.4rem;

}

div.Table.Shelters>table>tbody>tr>td a.Icon.Float.Right.Details.On {



}

div.Table.Shelters>table>tbody>tr>td a.Icon.Float.Right.Details+p+div>div:first-child {

    padding: 0.4rem;

}
div.Table.Shelters>table>tbody>tr>td a.Icon.Float.Right.Details+p+div>div:first-child>p {

    background-color: #ccc;
    color: #333;
    text-align: center;
    padding: 0.4rem;

}

div.Table.Shelters>table>tbody>tr>td a.Icon.Float.Right.Details+p+div {
    
    display: none;
    clear: both;

}

div.Table.Shelters>table>tbody>tr>td a.Icon.Float.Right.Details.On+p+div {

    clear: both;
}
div.Table.Shelters>table>tbody>tr>td a.Icon.Float.Right.Details.On>span.Glyph:before {

    content: "\e081";

}

div#ShelterType {

    display: table;
    width: 100%;

}

div#ShelterType>div {

    display: table-cell;
    width: auto;

}

div#ShelterType>div+div {

    width: 1px;
    padding: 0.4rem;

}


div#ShelterFilter {
    
    display: none;
    clear: both;

}


div.Table.Shelters>ul {
    padding: 0.4rem;
    border: 1px solid transparent;
    border-top: none;
}

div.Table.Shelters>ul>li>span.Tag:before {
    content: none;
}
div.Table.Shelters>ul>li>span.Tag:after {
    content: none;
}
div.Table.Shelters>ul>li>span.Tag.Alert {
    color: #fff; 
    background-color: #c00; 
    border: none;
}
div.Table.Shelters>ul>li>span.Tag.Warning {
    color: #fff; 
    background-color: #f90; 
    border: none;
}
div.Table.Shelters>ul>li>span.Tag.Valid {
    color: #fff; 
    background-color: #0c0; 
    border: none;
}
div.Table.Shelters>ul>li>span.Tag.Unknown {
    color: #fff; 
    background-color: #ccc; 
    border: none;
}
div.Table.Shelters>ul>li>span.Tag.Key {
    color: #333; 
    background-color: unset; 
    border: none;
}

div.Table.Shelters>table>thead>tr>th a.Label.Float.Right.Filter { color: #069; }
div.Table.Shelters>table>thead>tr>th a.Label.Float.Right.Filter:link { color: #069; }
div.Table.Shelters>table>thead>tr>th a.Label.Float.Right.Filter:visited { color: #069; }
div.Table.Shelters>table>thead>tr>th a.Label.Float.Right.Filter:hover { color: #39c; }

div.Table.Shelters>table>tbody>tr.SMC {
    
}
div.Table.Shelters>table>tbody>tr.SMC>td>span.Tag {
    border-radius: 0.8rem;
    border-top-left-radius: unset;
    border-top-right-radius: unset;
    margin-top: 1.0rem;
}
div.Table.Shelters>table>tbody>tr.SMC>td>span.Tag:before {
    border-radius: 0.8rem;
    border-bottom-left-radius: unset;
    border-bottom-right-radius: unset;
}
div.Table.Shelters>table>tbody>tr.SMC>td>span.Tag.Alert:before {
    position: absolute; top: -0.6rem; right: unset; content: "Low Barrier"; left: 0; right: 0; bottom: unset;
    border: none;
    background: #c00;
    font-size: 1.0rem;
    height: 1.6rem;
    line-height: 1.6rem;
    padding: 0 0.6rem;
}
div.Table.Shelters>table>tbody>tr.SMC>td>span.Tag.Warning:before {
    position: absolute; top: -0.6rem; right: unset; content: "Low Barrier"; left: 0; right: 0; bottom: unset;
    border: none;
    background: #f90;
    font-size: 1.0rem;
    height: 1.6rem;
    line-height: 1.6rem;
    padding: 0 0.6rem;
}
div.Table.Shelters>table>tbody>tr.SMC>td>span.Tag.Valid:before {
    position: absolute; top: -0.6rem; right: unset; content: "Low Barrier"; left: 0; right: 0; bottom: unset;
    border: none;
    background: #0c0;
    font-size: 1.0rem;
    height: 1.6rem;
    line-height: 1.6rem;
    padding: 0 0.6rem;
}
div.Table.Shelters>table>tbody>tr.SMC>td>span.Tag.Unknown:before {
    position: absolute; top: -0.6rem; right: unset; content: "Low Barrier"; left: 0; right: 0; bottom: unset;
    border: none;
    background: #ccc;
    font-size: 1.0rem;
    height: 1.6rem;
    line-height: 1.6rem;
    padding: 0 0.6rem;
}
div.Table.Shelters>table>tbody>tr.Not-SMC {
    background-color: #f5f5f5;
}
div.Table.Shelters>table>tbody>tr.Not-SMC:hover {
    background-color: #eff;
}

div.Table.Shelters>table>thead>tr>th div {

    clear: both;
    font-weight: normal;

}

div.Table.Shelters>table>thead>tr>th a.Label.Float.Right.Filter.On>span:last-child.Glyph:before {

    content: "\e081";

}
div.Table.Shelters div.Fieldset {
    padding-bottom: 0;
}
div.Table.Shelters div.Fieldset,
div.Table.Shelters div.Fieldset>div.Row,
div.Table.Shelters div.Fieldset>div.Row>div.Field.Select,
div.Table.Shelters div.Fieldset>div.Row>div.Field.Select>div {
    float: left;
    width: 100%;
}

div.Table.Shelters div.Fieldset>div.Row>div.Field.Select>div {

    background-color: #fff;
    border: 1px solid #ccc;

}
div.Table.Shelters div.Fieldset>div.Row>div.Field.Select>div>label>span.Input {

    text-align: left;

}

div.Table.Shelters div#ShelterType div.Fieldset>div.Row>div.Field.Select>div>label {

    min-height: 4.0rem;
    padding: 1.0rem 0.8rem 1.0rem 3.6rem;

}

div.Table.Shelters div#ShelterType div.Fieldset>div.Row>div.Field.Select>div>label>span.Input {

    padding: 1.0rem 0.8rem;

}

div#divHeader>*.Frame>span.Backing>img#imgShelterMeSpokaneHeader {
    z-index: 0;
}

div#divHeader>*.Frame>span.Backing>img#imgShelterMeSpokane {
    background: #333;
    box-shadow: 0 0 0 0.2rem #fff;
    border-radius: 0 0 50% 50%;
    height: 80%;
    transform: translate(-50%);
    top: 0;
    bottom: auto;
    z-index: 2;
}

div#divShelterStatus {
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
}
div#divShelterStatus>div {
    background-color: #ccc;
    border-radius: 0;
    height: 6.4rem;
    padding: 0.8rem 1.2rem;
    position: absolute;
    bottom: auto;
    top: 0;
    left: 0;
    right: 50%;
    clear: right;
    box-shadow: 0 0 0 0.2rem #fff;
    z-index: 0;
}
div#divShelterStatus>div+div{
    left: 50%;
    right: 0;
}
div#divShelterStatus>div.Valid {
    background-color: #0c0;
}
div#divShelterStatus>div.Warning {
    background-color: #f90;
}
div#divShelterStatus>div.Alert {
    background-color: #c00;
}
div#divShelterStatus>div>span {
    color: #fff;
    display: block;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2.4rem;
    text-align: left;
}
div#divShelterStatus>div>span+span {
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 2.0rem;
}
div#divShelterStatus>div+div>span {
    text-align: right;
}

div.Banner { background: #0c0; padding: 1.2rem; }
div.Banner.Alert { background: #f00; }
div.Banner.Warning { background: #f90; }
div.Banner.Routine { background: #0c0; }
div.Banner { color: #fff; font-size: 1.6rem; line-height: 2.6rem; }
div.Banner+p { padding: 0.8rem; border-bottom: 1px solid #ccc;}
div.Pad.Min { padding: 0.4rem; }

@media screen and (max-width: 35.000em) {
    /* Screen width        <=    560px */
    
    div.Table.Shelters div.Fieldset#ShelterFilter>div.Row>div.Field.Select>div.Full.Two>* {
        width: 100%;
    }

    ul#ColorKey.Full.Four>* {
        width: 100%;
    }

    ul#ColorKey.Full.Four>li.Full>span.Tag>span.Text {
        white-space: unset;
    }

}