.panel-title a:hover,.panel-title a:active,.panel-title a:focus {
color:#fff;
text-decoration:none;
}
.panel-title a.accordion-toggle {
display:block;
padding:4px 0;
}
.box-footer {
margin-top:15px;
padding-top:15px;
border-top:1px dashed #bbb;
/*padding-bottom:15px;*/
}
.cwa-color{
color: #f15d69;
}
.land-color{
color: #799d60;
}
.land-callout{
background: #fbf2eb;
padding:15px;
}
.flood-color{
color: #007c86;
}
.flood-highlight{
background: #d4e2ea;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 10px;
}
.flood-callout{
background: #eee9e5;
padding:10px;
}
.flood-callout h4 {
color: #135e76;
font-weight: bold;
}
.flood-bubble{
background: #fff;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
padding: 10px;
border: 1px solid #135e76;
text-align: center;
line-height: 1.2;
}
.flood-bubble h4{
color: #135e76;
font-weight: bold;
text-align: center;
}
.flood-box{
width: 60%;
margin:0 auto;
}
.wmata-color{
color:#2888b6;
}
.cca-color{
color: #35bca8;
}
.mwaa-color {
color: #25408f;
}
.nepa-color {
color: #72505a;
}
.dcl-color{
color: #cf3c46;
}
.fm-color{
color: #685e76;
}
.storm-color{
color: #968573;
}
.hwp-color{
color:#686d64;
}
.storm-side{
padding: 15px;
background: #eee9e5;
}
.storm-side strong{
font-size: 120%;
display: block;
}
.storm-side2{
background:#e0d9d1;
padding:15px;
}
.review-color {
color: #1a5e9d;
}
.review-box {
background: #e4f6f2;
padding: 7px 15px;
font-weight: bold;
}
.review-region {
display: inline-block;
font-size: 16px;
margin-top: 60px;
}
.review-table th:first-child {
Background: #195e9e;
}
.review-table th:last-child {
Background: #007d86;
}
.review-table th {
text-align: center;
color: #fff;
font-size: 110%;
padding: 12px 8px;
}
.review-table {
table-layout: fixed;
width: 70%;
margin: 0 auto;
}
.review-table caption {
font-style: italic;
text-align: right;
}
.review-table tr:nth-child(odd) {background-color: #d5e1e7;}
.review-chart {text-align: center;width:80%; margin: 0 auto}
@media (max-width: 450px) {
.review-chart {width: 100% !important;}
}
.table-storm {
border:1px solid #333;
}
.table-storm th {
background-color:#135e76;
color: #fff;
width: 12.5%;
max-width:50%;
vertical-align:middle !important;
border:1px solid #333;
text-align:center;
}
.table-storm td {
background-color:#eee9e5;
color: #000;
width: 12.5%;
max-width:50%;
vertical-align:middle !important;
border:1px solid #333;
text-align:center;
}

.storm-s{
position:relative;
padding:0 15px;
}
.storm-s1{
position:relative;
background:#EFF3F5;
padding:15px;
}
.storm-s1:after{
content: "";
position: absolute;
bottom:-55px;
right: 40px;
width: 0;
height: 0;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
border-top: 55px solid #EFF3F5;
z-index: 5;
}
.storm-s2{
position:relative;
background:#D8E3E7;
padding:15px;
}

.storm-s2:after{
content: "";
position: absolute;
bottom:-55px;
left: 40px;
width: 0;
height: 0;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
border-top: 55px solid #D8E3E7;
z-index: 5;
}
.storm-s3{
position:relative;
background:#B6CCD3;
padding:15px;
}
.storm-s3:after{
content: "";
position: absolute;
bottom:-55px;
right: 40px;
width: 0;
height: 0;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
border-top: 55px solid #B6CCD3;
z-index: 5;
}
.storm-s4{
position:relative;
background:#eee9e5;
padding:15px;
}
.storm-s4:after{
content: "";
position: absolute;
bottom:-55px;
left: 40px;
width: 0;
height: 0;
border-right: 50px solid transparent;
border-left: 50px solid transparent;
border-top: 55px solid #eee9e5;
z-index: 5;
}
.storm-s5{
position:relative;
background:#c7d8de;
padding:15px;
height:100px;
}

.fm-callout {
background: #fbf2eb;
padding:15px;
}
.nepa-callout {
background: #f0ece8;
padding:15px;
}
.main-title {
font-family: 'Roboto Slab', serif;
font-size: 38px;
line-height: 45px;
}
.main-title small{
display: block;
color: inherit;
}
.sub-title {
font-size: 26px;
line-height: 35px;
font-weight: bold;
}
.map-container{
position:absolute;
height: 500px !important;
margin: 0;
padding: 0;
width: 100% !important;
background:transparent;
}
.mapthis{
height: 500px !important;
}

.mapframe {
width: 100% !important;
border: none;
}
.height-600 {
height: 600px !important;
}
.height-500 {
height: 500px !important;
}
.height-520 {
height: 520px !important;
}

#watermark{display:none !important}
.ea{
display: inline-block;
font-family: serif;
font-size: 40px;

background: #dad1c9;
border: 5px solid #968573;
color: #695E50;
text-align: center;
}
.ea span{
display: inline-block;
border: 1px solid #968573;
margin: 5px;
padding: 3px 10px;
}

#hexagon {
width: 100px;
height: 55px;
background: #bbabb0;
position: relative;
top: 25px;
left: 20px;
text-align:center;
font-weight: bold;
line-height:50px;
font-size: 20px;
}
#hexagon:before {
content: "";
position: absolute;
top: -25px;
left: 0;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 25px solid #bbabb0;
}
#hexagon:after {
content: "";
position: absolute;
bottom: -25px;
left: 0;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 25px solid #bbabb0;
}
#ccastep2 {
width: 100px;
height: 70px;
background: #89d0c3;
position: relative;
padding-top:15px;
margin-left: auto;
margin-right:auto;
text-align:center;
font-weight: bold;
font-size: 14px;
line-height:16px;
}
#ccastep2:after {
content: "";
position: absolute;
top: 0;
right: -35px;
width: 0;
height: 0;
border-bottom: 35px solid transparent;
border-top: 35px solid transparent;
border-left: 35px solid #89d0c3;
}
#ccastep3 {
width: 100px;
height: 70px;
background: #b4daa1;
position: relative;
padding-top:15px;
margin-left: auto;
margin-right:auto;
text-align:center;
font-weight: bold;
font-size: 14px;
line-height:16px;
}
#ccastep3:after {
content: "";
position: absolute;
top: 0;
right: -35px;
width: 0;
height: 0;
border-bottom: 35px solid transparent;
border-top: 35px solid transparent;
border-left: 35px solid #b4daa1;
}
#ccastep4 {
width: 100px;
height: 70px;
background: #e0e668;
position: relative;
padding-top:15px;
margin-left: auto;
margin-right:auto;
text-align:center;
font-weight: bold;
font-size: 14px;
line-height:16px;
}

#ccahexagon {
width: 100px;
height: 55px;
background: #bed1e3;
position: relative;
margin-left: auto;
margin-right:auto;
text-align:center;
font-weight: bold;
font-size: 14px;
line-height:16px;
}

#ccahexagon:before {
content: "";
position: absolute;
top: -25px;
left: 0;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 25px solid #bed1e3;
}
#ccahexagon:after {
content: "";
position: absolute;
bottom: -25px;
left: 0;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 25px solid #bed1e3;
}
#cwahexagon {
width: 120px;
height: 55px;
background: #f15d69;
position: relative;
top:25px;
margin-left: auto;
margin-right:auto;
text-align:center;
font-weight: bold;
font-size: 14px;
line-height:16px;
padding:6px;
filter: drop-shadow(5px 5px 5px #444);
display:table-cell;
vertical-align: middle;
}

#cwahexagon:before {
content: "";
position: absolute;
top: -25px;
left: 0;
width: 0;
height: 0;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
border-bottom: 25px solid #f15d69;
}
#cwahexagon:after {
content: "";
position: absolute;
bottom: -25px;
left: 0;
width: 0;
height: 0;
border-left: 60px solid transparent;
border-right: 60px solid transparent;
border-top: 25px solid #f15d69;
}
#cwastep2 {
width: 120px;
height:80px;
background: #f48081;
position: relative;
top:10px;
padding:6px;
margin-left: auto;
margin-right:auto;
text-align:center;
font-size: 14px;
line-height:16px;
font-weight: bold;
filter: drop-shadow(5px 5px 5px #444);
display:table-cell;
vertical-align: middle;
}
#cwastep2:after {
content: "";
position: absolute;
top: 0;
right: -20px;
width: 0;
height: 0;
border-bottom: 40px solid transparent;
border-top: 40px solid transparent;
border-left: 20px solid #f48081;
}
#cwastep3 {
width: 120px;
height: 80px;
background: #f48270;
position: relative;
top:10px;
padding:6px;
margin-left: auto;
margin-right:auto;
text-align:center;
font-size: 14px;
line-height:16px;
font-weight: bold;
filter: drop-shadow(5px 5px 5px #444);
display:table-cell;
vertical-align: middle;
}
#cwastep3:after {
content: "";
position: absolute;
top: 0;
right: -20px;
width: 0;
height: 0;
border-bottom: 40px solid transparent;
border-top: 40px solid transparent;
border-left: 20px solid #f48270;
}
#cwastep4 {
width: 120px;
height: 80px;
background: #f79e8b;
position: relative;
top:10px;
padding:6px;
margin-left: auto;
margin-right:auto;
text-align:center;
font-size: 14px;
font-weight: bold;
line-height:16px;
filter: drop-shadow(5px 5px 5px #444);
display:table-cell;
vertical-align: middle;
}
#cwastep4:after {
content: "";
position: absolute;
top: 0;
right: -20px;
width: 0;
height: 0;
border-bottom: 40px solid transparent;
border-top: 40px solid transparent;
border-left: 20px solid #f79e8b;
}
#cwastep5 {
width: 120px;
height: 80px;
background: #e3986b;
position: relative;
top:10px;
padding:6px;
margin-left: auto;
margin-right:auto;
text-align:center;
font-size: 14px;
font-weight: bold;
line-height:16px;
filter: drop-shadow(5px 5px 5px #444);
display:table-cell;
vertical-align: middle;
}
.tallbox{
background: #ebe9e9;
padding:10px;
position:relative;
top: 50px;
margin-bottom:25px;
}
.tallbox2{
background: #ebe9e9;
padding:10px;
position:relative;
top: 25px;
margin-bottom:25px;
}
.lg {
color:#f15d69;
font-size: 90px;
float: left;
padding: 0;
margin: 0;
font-weight: bold;
position: relative;
top: -25px;
}
.lg2 {
color:#e3986b;
font-size: 90px;
float: left;
padding: 0;
margin: 0;
font-weight: bold;
position: relative;
top: -20px;
}
.lg3 {
color:#f15d69;
font-size: 90px;
float: left;
padding: 0;
margin: 0;
font-weight: bold;
position: relative;
top: -20px;
}
#identify {
width: 100px;
height: 55px;
background: #e1dadc;
position: relative;
top: 25px;
left: 20px;
text-align:center;
font-weight: bold;
line-height:50px;
font-size: 20px;
padding-top:8px;
}
#identify:after {
content: "";
position: absolute;
bottom: -25px;
left: 0;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 25px solid #e1dadc;
}
#assess {
width: 100px;
height: 55px;
background: #dadfe0;
position: relative;
left: 20px;
text-align:center;
font-weight: bold;
line-height:50px;
font-size: 20px;
padding-top:8px;
}
#assess:after {
content: "";
position: absolute;
bottom: -25px;
left: 0;
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 25px solid #dadfe0;
}
#resolve{
width: 100px;
height: 65px;
background: #8d7179;
position: relative;
left: 20px;
text-align:center;
font-weight: bold;
line-height:60px;
font-size: 20px;
}

.flood-triangle-down {
width: 0;
height: 0;
border-left: 25px solid transparent;
border-right: 25px solid transparent;
border-top: 25px solid #fff;
margin: 0 auto;
}

.color-violet{
color:#C2185B !important;
}
.color-green{
color:#0F9D58 !important;
}
.cwa-call{
background:#f3efec;
padding:15px;
}
.cwa-p{
padding:15px;
}
.cwa-highlight{
background: #eae4df;
padding:25px;
}
.equity-color {
color: #12475f;
}
.equity-call {
background: #f0dac1;
}
.table-equity>tbody>tr>td:last-child {
text-align: center;
font-weight: bold;
}
.table-equity>tbody>tr>td {
border-color: #aaa;
}
.tequity td {
font-weight: bold;
}
.tequity {
background: #dfefff;
}
.table-equity>tbody>tr>td.tnormal {
font-weight: 400;
}
figcaption{
margin-top:5px;
font-size:13px;
line-height: 17px;
font-style: italic;
}
.img-border{
border: 1px solid #333;
}
.legend {
position:absolute;
font-size:11px;
top:55px;
right:35px;
background:rgba(255,255,255,0.8);
height:95px;
width:130px;
color:#000;
padding:15px;
border:1px solid #aaa;
}
@media (max-width:450px){
#tbl2 th,#tbl2 td{
font-size:11px;
padding:4px;
vertical-align:middle;
}
.popover,.popover-title,.popover-content{
width:100% !important
}
.float-right{
float: none !important;
}
.box-footer .btn-u{
margin-bottom: 5px;
}
}
#official-map{
position: absolute;
right: 10px;
bottom: 15px;
}
.popover{
min-width:380px;

}
.float-right{
float: right;
}
.sidebar-nav-v1 .list-group-item.download {
background-color: #95a5a6;
}
.sidebar-nav-v1 .list-group-item.download:hover,
.sidebar-nav-v1 .list-group-item.download:active,
.sidebar-nav-v1 .list-group-item.download:focus {
background-color: #7f8c8d;
}
.sidebar-nav-v1 .list-group-item.download:hover a,
.sidebar-nav-v1 .list-group-item.download:active a,
.sidebar-nav-v1 .list-group-item.download:focus a {
color: #fff;
}
.sidebar-nav-v1 .list-group-item:hover,
.sidebar-nav-v1 .list-group-item:active,
.sidebar-nav-v1 .list-group-item:focus {
background-color: #eee;
}
.sidebar-nav-v1 .list-group-item:hover a,
.sidebar-nav-v1 .list-group-item:active a,
.sidebar-nav-v1 .list-group-item:focus a{
color: #333;
}
.download a {
color:#f7f7f7;
}
.f-panel .fa,.d-panel .fa {
margin-right:5px;
}