div.dashWrap {
    min-height: calc(100% - 250px);
    width: 100%;
    font-size: 0;
    box-sizing: border-box;
    /*overflow: hidden;*/
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

div.dashWrap.fullHeight {
    height: 100%;
}

div.dashWrap > div.dashDiv {
    min-width: min(100%, 590px);
    flex-grow: 1;
    flex-basis: 50%;
    padding: 10px;
    box-sizing: border-box;
}

div.dashDiv div.bannerFlex{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

div.dashDiv div.bannerFlex > * {
    flex-grow: 1;
}
div.dashDiv div.bannerFlex > div.halfDiv {
    flex-basis: 50%;
    min-width: fit-content;
    max-width: 100%;
}

div.dashWrap.fullHeight > div.dashDiv {
    padding: 25px;
}

.d-flex {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}


div.dashGroup {
    align-items: start;
    justify-content: start;
}

.smallDashText{
    font-size: 20px;
    margin: 0;
}

div.window > p.bodyText, div.tile > p.bodyText {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
}

div.tile {
    position: absolute;
    width: calc(100% - 20px);
    height: calc(100% - 20px);
    box-sizing: border-box;
    left: 10px;
    top: 10px;
    overflow: hidden;
}

div.tile * {
    vertical-align: top;
}

div.tile.trans {
    -webkit-transition: all 2s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -moz-transition: all 2s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -ms-transition: all 2s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    -o-transition: all 2s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    transition: all 2s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}

div.tile.left {
    /*positioned to the LEFT of the PARENT*/
    left: -100%;
}

div.tile.right {
    /*positioned to the RIGHT of the PARENT*/
    left: 100%;
}

div.tile.up {
    /*positioned to the TOP of the PARENT*/
    top: -100%;
}

div.tile.down {
    /*positioned to the TOP of the PARENT*/
    top: 100%;
}

h2.tileTitle {
    font-size: 22px;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #333333;
    margin-bottom: 10px;
}

h3.tileBannerTitle {

}

p.tileBannerText {
    position: relative;
    top: -10px;
    font-size: 75px;
    margin: 0;
    text-transform: uppercase;
}

p.weatherLargeText {
    position: relative;
    top: -10px;
    margin: 0;
    font-size: 60px;
    text-align: right;
    color: #7f8c8d;
}

p.weatherSmallText {
    font-size: 20px;
    text-align: right;
    color: #95a5a6;
    margin: -10px 0 0 0;
}

#ddmList {
    -webkit-columns: 2 200px;
    -moz-columns: 2 200px;
    columns: 2 200px;
}

ul.ddmList {
    font-family: "Gill Sans", "Lato", "Gill Sans MT", sans-serif;
    font-size: 18px;
    font-weight: 300;
    list-style: none;
    padding: 0;
    display: inline;
}

ul.ddmList > li > ul {
    list-style: none;
    display: block;
    width: 100%;
    padding: 0;
}

ul.ddmList > li > ul > li {
    display: inline-block;
    width: 50%;
    box-sizing: border-box;
}

li.dept {
    text-align: right;
    padding-right: 10px;
    color: #95a5a6;
}

div.tileBanner {
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
    width: 240px;
    box-sizing: border-box;
}

div.tileBanner.autoWidth {
    width: auto;
}

div.tileBanner.rightBanner {
    position: absolute;
    right: 0;
}

table.tileTable {
    font-family: 'Gill Sans', 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 16px;
    border-collapse: collapse;
    width: 100%;
}

table.tileTable > tr {
    height: 20px;
    border-bottom: 1px solid #95a5a6;
    vertical-align: middle;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

table.tileTable tr:last-child {
    border-bottom: none;
}

table.tileTable tr > th {
    margin: 0;
    padding: 0 5px;
    font-weight: 300;
    border-bottom: 1px solid #95a5a6;
    text-transform: uppercase;
    text-align: left;
}

table.tileTable tr > td {
    padding: 0 5px;
}

div.graphContainer, div.graphContainer.largeGraph.dashGraph {
    position: relative;
    display: inline-block;
    width: 100%;
    height: calc(100% - 35px);
    max-height: 400px;
}

div.graphContainer.largeGraph.dashGraph{
    display: block;
}

div.graphContainer > * {
    vertical-align: middle;
}

div.graphContainer.bar {
    width: 60%;
}

div.graphContainer.pie {
    width: 40%;
}


@media only screen and (max-device-width: 480px) {
    div.dashWrap {
        height: auto;
        padding-bottom: 50px;
    }

    div.window {
        display: block;
        width: 100%;
        height: 200px;
    }
}