/* Dashboards */
* {
    @include box-sizing(border-box);
}
.packery-brick {
    display: none;
    position: absolute;
    margin: 0px;
    width: 100%;
}
.packery-brick.loaded {
    display: block;
}
/* default breakpoint 1180 to 1579 */
.dashboard-main {
    padding-left: 15px;
    padding-bottom: 10px;
}
.packery-gutter-sizer {
    width: 1%;
}
.packery-grid-sizer {
    width: 32%;
}
.side_fixed_open .packery-grid-sizer {
    width: 49%;
}
.packery-row-sizer {
    height: 165px;
}
.dash-brick-w2 {
    width: 32%;
}
.side_fixed_open .dash-brick-w2 {
    width: 49%;
}
.dash-brick-h2 {
    height: 165px;
}
.dash-brick-w4 {
    width: 32%;
}
.side_fixed_open .dash-brick-w4 {
    width: 49%;
}
.dash-brick-h4 {
    height: 350px;
}
.dash-brick-h8 {
    height: 700px;
}
.dash-brick-w8 {
    width: 65%;
}
.side_fixed_open .dash-brick-w8 {
    width: 99%;
}
.dashboard-map-container {
    height: 312px;
}
.hidden-dashboard-bar {
    display: none !important;
}
/* TODO NS dashpreview needs height fixes */

.dashpreview-380 {
    width: 380px;
    border: 2px solid #ccc;
    margin: 0 auto 0 auto;
}
.dashpreview-380 div.packery-container {
    margin: 5px;
}
.dashpreview-380 .packery-grid-sizer {
    width: 100%;
}
.dashpreview-380 .packery-row-sizer {
    height: 170px;
}
.dashpreview-380 .dash-brick-w2 {
    width: 100%;
}
.dashpreview-380 .dash-brick-w4 {
    width: 100%;
}
.dashpreview-380 .dash-brick-w8 {
    width: 100%;
}
.dashpreview-800 {
    width: 800px;
    border: 2px solid #ccc;
    margin: 0 auto 0 auto;
}
.dashpreview-800 div.packery-container {
    margin: 5px;
}
.dashpreview-800 .packery-grid-sizer {
    width: 49%;
}
.dashpreview-800 .packery-row-sizer {
    height: 210px;
}
.dashpreview-800 .dash-brick-w2 {
    width: 49%;
}
.dashpreview-800 .dash-brick-h2 {
    height: 200px;
}
.dashpreview-800 .dash-brick-w4 {
    width: 49%;
}
.dashpreview-800 .dash-brick-h4 {
    height: 410px;
}
.dashpreview-800 .dash-brick-w8 {
    width: 100%;
}
@media screen and (min-width: 0px) and (max-width: 379px) {
    #dashboardPackery {
        min-width: 260px;
    }
    .dashboard-main {
        padding-left: 3px;
    }
    .dashboard-bar {
        min-width: 260px;
    }
    .packery-grid-sizer {
        width: 99%;
    }
    .packery-row-sizer {
        height: auto;
    }
    .dash-brick-w2 {
        width: 99%;
    }
    .dash-brick-w4 {
        width: 99%;
    }
    .dash-brick-w8 {
        width: 99%;
    }
}
@media screen and (min-width: 380px) and (max-width: 579px) {
    #dashboardPackery {
        min-width: 280px;
    }
    .dashboard-main {
        padding-left: 4px;
    }
    .dashboard-bar {
        min-width: 280px;
    }
    .packery-grid-sizer {
        width: 99%;
    }
    .packery-row-sizer {
        height: auto;
    }
    .dash-brick-w2 {
        width: 99%;
    }
    .dash-brick-w4 {
        width: 99%;
    }
    .dash-brick-w8 {
        width: 99%;
    }
}
@media screen and (min-width: 580px) and (max-width: 799px) {
    #dashboardPackery {
        min-width: 480px;
    }
    .dashboard-main {
        padding-left: 5px;
    }
    .packery-grid-sizer {
        width: 99%;
    }
    .packery-row-sizer {
        height: 170px;
    }
    .dash-brick-w2 {
        width: 99%;
    }
    .dash-brick-w4 {
        width: 99%;
    }
    .dash-brick-w8 {
        width: 99%;
    }
}
@media screen and (min-width: 800px) and (max-width: 1179px) {
    .packery-grid-sizer {
        width: 49%;
    }
    .packery-row-sizer {
        height: 170px;
    }
    .side_fixed_open .packery-grid-sizer {
        width: 99%;
    }
    .side_fixed_open .packery-row-sizer {
        height: auto;
    }
    .dash-brick-w2 {
        width: 49%;
    }
    .side_fixed_open .dash-brick-w2 {
        width: 99%;
    }
    .dash-brick-w4 {
        width: 49%;
    }
    .side_fixed_open .dash-brick-w4 {
        width: 99%;
    }
    .dash-brick-w8 {
        width: 99%;
    }
}
@media screen and (min-width: 1580px) and (max-width: 1879px) {
    .packery-grid-sizer {
        width: 24%;
    }
    .side_fixed_open .packery-grid-sizer {
        width: 32%;
    }
    .packery-row-sizer {
        height: 165px;
    }
    .dash-brick-w2 {
        width: 24%;
    }
    .side_fixed_open .dash-brick-w2 {
        width: 32%;
    }
    .dash-brick-w4 {
        width: 24%;
    }
    .side_fixed_open .dash-brick-w4 {
        width: 32%;
    }
    .dash-brick-w8 {
        width: 49%;
    }
    .side_fixed_open .dash-brick-w8 {
        width: 65%;
    }
}
@media screen and (min-width: 1580px) and (max-width: 1719px) {
    .variable-title {
        font-size: 9px;
        line-height: 11px;
    }
}
@media screen and (min-width: 1880px) and (max-width: 1979px) {
    .packery-grid-sizer {
        width: 19%;
    }
    .side_fixed_open .packery-grid-sizer {
        width: 24%;
    }
    .packery-row-sizer {
        height: 165px;
    }
    .dash-brick-w2 {
        width: 19%;
    }
    .side_fixed_open .dash-brick-w2 {
        width: 24%;
    }
    .dash-brick-w4 {
        width: 19%;
    }
    .side_fixed_open .dash-brick-w4 {
        width: 24%;
    }
    .dash-brick-w8 {
        width: 39%;
    }
    .side_fixed_open .dash-brick-w8 {
        width: 49%;
    }
}
@media screen and (min-width: 1980px) {
    .packery-grid-sizer {
        width: 15%;
    }
    .side_fixed_open .packery-grid-sizer {
        width: 19%;
    }
    .dash-brick-w2 {
        width: 15%;
    }
    .side_fixed_open .dash-brick-w2 {
        width: 19%;
    }
    .dash-brick-w4 {
        width: 15%;
    }
    .side_fixed_open .dash-brick-w4 {
        width: 19%;
    }
    .dash-brick-w8 {
        width: 29%;
    }
    .side_fixed_open .dash-brick-w8 {
        width: 39%;
    }
}

/* Video Weather Forecasts */
/* default breakpoint 1180 to 1579 */
.video-packery {
    padding-left: 15px;
}
.video-packery .packery-brick h3 {
    margin-top: 0px;
}
.packery-gutter-sizer-video {
    width: 1%;
}
.packery-grid-sizer-video {
    width: 24%;
}
.video-packery .packery-brick {
    width: 24%;
}
.side_fixed_open .packery-grid-sizer-video {
    width: 32%;
}
.side_fixed_open .video-packery .packery-brick {
    width: 32%;
}

@media screen and (min-width: 0px) and (max-width: 579px) {
    .video-packery {
        padding-left: 5px;
    }
    .packery-grid-sizer-video {
        width: 99%;
    }
    .video-packery .packery-brick {
        width: 99%;
    }
}
@media screen and (min-width: 580px) and (max-width: 799px) {
    .video-packery {
        padding-left: 5px;
    }
    .packery-grid-sizer-video {
        width: 49%;
    }
    .side_fixed_open .packery-grid-sizer-video {
        width: 99%;
    }
    .video-packery .packery-brick {
        width: 49%;
    }
    .side_fixed_open .video-packery .packery-brick {
        width: 99%;
    }
}
@media screen and (min-width: 800px) and (max-width: 859px) {
    .packery-grid-sizer-video {
        width: 49%;
    }
    .video-packery .packery-brick {
        width: 49%;
    }
    .side_fixed_open .packery-grid-sizer-video {
        width: 99%;
    }
    .side_fixed_open .video-packery .packery-brick {
        width: 99%;
    }
}
@media screen and (min-width: 860px) and (max-width: 1179px) {
    .packery-grid-sizer-video {
        width: 32%;
    }
    .video-packery .packery-brick {
        width: 32%;
    }
    .side_fixed_open .packery-grid-sizer-video {
        width: 49%;
    }
    .side_fixed_open .video-packery .packery-brick {
        width: 49%;
    }
}
@media screen and (min-width: 1580px) {
    .packery-grid-sizer-video {
        width: 19%;
    }
    .video-packery .packery-brick {
        width: 19%;
    }
    .side_fixed_open .packery-grid-sizer-video {
        width: 24%;
    }
    .side_fixed_open .video-packery .packery-brick {
        width: 24%;
    }
}

/* Special Maps */
/* default breakpoint 1180 to 1579 */
.maps-packery {
    padding-left: 15px;
}
.maps-packery .packery-brick h3 {
    margin-top: 0px;
}
.packery-gutter-sizer-maps {
    width: 1%;
}
.packery-grid-sizer-maps {
    width: 24%;
}
.maps-packery .packery-brick {
    width: 24%;
}
.side_fixed_open .packery-grid-sizer-maps {
    width: 32%;
}
.side_fixed_open .maps-packery .packery-brick {
    width: 32%;
}

@media screen and (min-width: 0px) and (max-width: 579px) {
    .maps-packery {
        padding-left: 5px;
    }
    .packery-grid-sizer-maps {
        width: 99%;
    }
    .maps-packery .packery-brick {
        width: 99%;
    }
}
@media screen and (min-width: 580px) and (max-width: 799px) {
    .maps-packery {
        padding-left: 5px;
    }
    .packery-grid-sizer-maps {
        width: 49%;
    }
    .side_fixed_open .packery-grid-sizer-maps {
        width: 99%;
    }
    .maps-packery .packery-brick {
        width: 49%;
    }
    .side_fixed_open .maps-packery .packery-brick {
        width: 99%;
    }
}
@media screen and (min-width: 800px) and (max-width: 859px) {
    .packery-grid-sizer-maps {
        width: 32%;
    }
    .maps-packery .packery-brick {
        width: 32%;
    }
    .side_fixed_open .packery-grid-sizer-maps {
        width: 49%;
    }
    .side_fixed_open .maps-packery .packery-brick {
        width: 49%;
    }
}
@media screen and (min-width: 860px) and (max-width: 1179px) {
    .packery-grid-sizer-maps {
        width: 24%;
    }
    .maps-packery .packery-brick {
        width: 24%;
    }
    .side_fixed_open .packery-grid-sizer-maps {
        width: 32%;
    }
    .side_fixed_open .maps-packery .packery-brick {
        width: 32%;
    }
}
@media screen and (min-width: 1580px) {
    .packery-grid-sizer-maps {
        width: 19%;
    }
    .maps-packery .packery-brick {
        width: 19%;
    }
    .side_fixed_open .packery-grid-sizer-maps {
        width: 24%;
    }
    .side_fixed_open .maps-packery .packery-brick {
        width: 24%;
    }
}