.most-recents .panel-body {
    padding: 5px;
}


@media screen and (min-width: 992px) {
    #wb-sec ul.list-group ul.list-group ul.list-group li a.list-group-item {
        background-color: #fff;
        padding-left: 40px;
        line-height: 1.2em;
    }
    #wb-sec ul.list-group ul.list-group ul.list-group li a.list-group-item:hover {
        background-color: #555;
    }
}

#wb-cont {
    margin-top: 10px;
}

#wb-sec {
    margin-top: 10px !important;
}


#date-form {
    margin-bottom: 15px;
}

.wet-boew-lightbox > ul {
    margin:0;
}
.wet-boew-lightbox > ul > li {
    list-style-type:none;
    float:left;
    margin: 0;
}
.wet-boew-lightbox ul li.box {
    margin-bottom: 0.4em;
}
.wet-boew-lightbox li img {
    margin-bottom:0;
}
.wet-boew-lightbox > ul > li > a {
    text-decoration: none;
}
.box > a, .lb-hidden-gallery li:first-child.box > a {
    display: block;
    border: 0;
    text-align: center;
    background: #EEE;
}
.box > a:hover, .box > a:focus, .box > a:active {
    text-decoration: underline;
    background: #FFF;
}
.lb-hidden-gallery .box > a {
    display: none;
}

div.colorbox {
    width: 100px;
    height: 30px;
    border: 1px solid #000;
    text-align: center;
    font-weight: bold;
    padding: 4px;
}

.fdrlow {
	background-color: #00f;
	color: #fff;
}
.fdrmod {
	background-color: #00E300;
	color: #000;
}
.fdrhi {
	background-color: #ff0;
	color: #000;
}
.fdrvhi {
	background-color: #c90;
	color: #000;
}
.fdrext {
	background-color: #f00;
	color: #000;
}

.fdrnil {
	background-color: #999;
}

dl.metadata dt {
    font-weight: bold;
}

div.eula {
    max-height: 400px;
    overflow: auto;
    border: 1px solid #666;
    padding: 20px;
    margin-bottom: 20px;
    background-color: #fff;
}



/* data tables */
table.wet-boew-tables caption {
    font-size: 11pt;
    font-weight: bold;


}


.dataTables_wrapper {
    margin-bottom: 25px;
    padding-bottom: 45px;
    border-bottom: 1px solid #ccc;

}

.datatable {
    font-size: 10pt;
}
.datatable abbr {
    border: none !important;
}

div.checkbox {
    font-size: 11pt;
}

.fwi-thumb {
    max-width: 270px;
}

.no-icon a:before {
    content: "" !important;
}
.no-icon a {
    margin: 0 !important;
}


summary {
    cursor:pointer;
    display: list-item !important;
    list-style-type: none;
    list-style-type: disclosure-closed;
    visibility: visible !important;
}

details .out details summary,details:not([open]) details summary {
 display:none!important
}
details {
 margin-bottom:.25em
}
details summary {
 border:1px solid #ddd;
 border-radius:4px;
 color:#295376;
 padding:5px 15px
}
details summary:focus,details summary:hover {
 background-color:transparent;
 color:#0535d2;
 text-decoration:underline
}
details[open] {
 border:1px solid #ddd;
 border-radius:4px
}
details[open]>summary {
 border:0;
 border-bottom:1px solid #ddd;
 border-bottom-left-radius:0;
 border-bottom-right-radius:0;
 list-style-type:disclosure-open;
 margin-bottom:.25em
}
details:not([open]) {
 visibility:hidden
}
details:not([open])>*,details:not([open])>details {
 display:none
}

#ll {
    margin-top: 5px;
}

#disclaimer {
    font-size: 14px;
}


#legend-nfdb_polys .no-padding td {
    padding: 0;
}

.map {
    height: 800px;
    width: 100%;
    border: 1px solid #ccc;
    position: relative;
}

@media screen and (max-width: 767px) {
    .map {
        height: 400px;
    }
}

#legend {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 250px;
    z-index: 500;
    background-color: #fff;

}

#legend details > summary {
    margin-left: -5px;
}

#legend summary {
    background-color: #fff;
    
}

#legend h4 {
    margin: 0;
    padding: 4px;
}

.toggle-legend {
    font-size: 14px;
    border-top: 1px solid #666;
    padding: 0;
    line-height: 14px;
}

.toggle-legend a {
    display: block;
    color: #333;
}

.toggle-legend a:hover {
    background-color: #efefef;
}

#info {
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 90%;
    margin-left: -45%;
    min-height: 200px;
    background-color: #f6f6f6;
    border: 1px solid #ccc;
    border-radius: 10px;
    z-index: 501;
    display: none;
    padding: 5px;
}

#feature_tables {
    overflow: auto;
    padding-bottom: 15px;
    max-height: 300px;

}

#feature_tables caption {
    font-weight: bold;
    text-align: left;
}

#feature_tables table, #feature_tables th, #feature_tables td {
    border: 1px solid #333;
    background-color: #fff;
}
#feature_tables table {
    border-collapse: collapse;
    font-size: 1.3rem;
    margin-bottom: 20px;
    min-width: 33%;
}
#feature_tables td, #feature_tables th {
    padding: 4px;
}

#close_features {
    height: 30px;
}
#close_features button {
    float: right;
    width: 24px;
    height: 24px;
    padding: 3px;
    margin: 0;
    border: 1px solid #666;
    border-radius: 2px;
    font-weight: bold;
    line-height: 0.4rem;
    background-color: #fff;
    cursor: pointer;
}
#close_features button:hover {
    background-color: #ccc;
}

.map-legend img {
    margin-bottom: 0;
}


div#loading {
    text-align: right;
    font-size: 14pt;
    display: none;
    z-index: 1500;
    position: absolute;
    width: 100%;
}


div#map-loading {

    z-index: 999;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 64px;
    height: 64px;
    margin-left: -32px;
    margin-top: -32px;
    background: url('http://cwfis.cfs.nrcan.gc.ca/images/ellipsis.gif') no-repeat;
    display: none;
}


/* legends */
table.map-legend {
    margin-top: 4px;
    margin-left: 22px;
    margin-bottom: 10px;
    display: none;
    font-size: 14px;
    line-height: 16px;
    width: 90%;
}

table.map-legend td {
    border: 0;
    padding: 2px;
    vertical-align: top;
}

table.map-legend td:first-child {
    width: 25px;
}

.map-legend caption {
    text-transform: none;
    font-weight: bold;
    text-align: left;
    padding: 0;
    font-size: 12px;
    padding-bottom: 4px;
    
}

.map-legend img {
    vertical-align: top;
}

#legend label {
    font-weight: normal;
    font-size: 14px;
    margin-bottom: 0;
    margin-left: 20px;
    display: block;
    line-height: 1.7rem;
}
#legend label.base_map {
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 0;
    display: block;
    line-height: 1.7rem;
    margin-left: 0;
}

#legend input[type="checkbox"] {
    float: left;
    width: 16px;
    margin-top: 0;
}

#legend .layer {
    margin: 5px 5px 10px 5px;
}

#legend .layer .no-padding td {
    padding: 0;
}

.ol-attribution li {
    font-size: 1.3rem;
}