h3 {
    float: left;
}

.dev-page-link {
    float: right;
    font-size: 1.5em;
    font-weight: bold;
    text-decoration: none;
    padding: 0.4em;
    margin-top: 1.5em;
}

.gauge-details {
    color: #434242;
    font: normal 12px Verdana;
    cursor: default;
    float: left;
    min-width: 360px;
    box-sizing: border-box;
    width: 40%;
    height: auto;
    padding-left: 20px;
    margin: 0;
}

    .gauge-details table {
        margin-top: 5px;
        margin-bottom: 10px;
    }

    .gauge-details tr td:nth-child(2) {
        min-width: 120px;
    }

    .gauge-details tr td:nth-child(3) {
        font-weight: bold;
    }

    .gauge-details h5 {
        margin: 0px;
        font: bold 14px Verdana;
    }

.map-container {
    height: 320px;
    float: left;
    min-width: 360px;
    width: 60%;
}

.webcam-btn {
    border: none;
    color: #ffffff;
    background-color: #0065A2;
    font: bold 12px Verdana;
    min-width: 130px;
    margin-right: 5px;
    cursor: pointer;
}

.tad-msg-cont h6 {
    margin: 0;
    font-size: 12px;
    text-align: center;
}

.tad-msg {
    width: 100%;
}

    .tad-msg tr td:first-child {
        background-color: #291c04;
        font: bold 20px "Courier New";
        color: #ff7e00;
        min-width: 250px;
        text-align: center;
    }

.graphs-menu {
    background-color: #F3F3F3;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
    float: left;
}

    .graphs-menu li {
        float: left;
        border-left: 1px solid #C7C7C7;
        cursor: pointer;
    }

        .graphs-menu li:first-child {
            border-left: none;
        }

    .graphs-menu a,
    .graphs-menu span {
        text-decoration: none;
        color: #000000;
        font: bold 12px Verdana;
        padding: 4px 22px;
        display: block;
    }

        .graphs-menu a:hover {
            background-color: #8CD1EF;
            color: #ffffff;
        }

        .graphs-menu a.selected {
            background-color: #2E7A9B;
            color: #ffffff;
        }

    .graphs-menu .arrow-down {
        top: 10px;
        right: 7px;
    }

    .graphs-menu .menu-dropdown {
        padding-right: 10px;
    }

.menu-dropdown {
    position: relative;
    display: inline-block;
}

    .menu-dropdown:hover .dropdown-content {
        display: block;
    }

.dropdown-content {
    display: none;
    position: absolute;
    top: 100%;
    background-color: #f9f9f9;
    min-width: 160px;
    list-style: none;
    margin: 0;
    padding: 0;
    box-shadow: 1px 3px 4px 0px #074A8B;
    z-index: 10;
}

    .dropdown-content li {
        width: 100%;
        border: none;
        border-top: 1px solid gray;
    }

#divCharts {
    width: 100%;
}

.plot-container {
    width: 50%;
    float: left;
    padding: 1px;
    box-sizing: border-box;
}

    .plot-container img {
        width: 100%;
        border: 1px solid black;
        cursor: zoom-in;
        box-sizing: border-box;
        float: left;
    }

#divDynamicChart {
    display: none;
    float: left;
}

    #divDynamicChart iframe {
        width: 100%;
        overflow: hidden;
        border: none;
        height: 850px;
    }

.no-plot {
    text-align: center;
}

/* Stats table style*/
#stats-cont {
    float: left;
    width: 100%;
}

#tab-stats {
    width: 100%;
    font-size: 11px;
    font-size: 1.25em;
    font-size: 1.25rem;
    text-align: center;
}

    #tab-stats th {
        font-size: 12px;
        position: relative;
    }

        #tab-stats th:nth-child(1):hover #tbStatsFCont {
            display: block;
            z-index: 1;
        }

    #tab-stats td a {
        color: inherit;
        cursor: pointer;
        text-decoration: none;
    }

        #tab-stats td a:hover {
            text-decoration: underline;
        }

    #tab-stats td:nth-child(1) {
        min-width: 90px;
    }

    #tab-stats td:nth-child(3),
    #tab-stats td:nth-child(5),
    #tab-stats td:nth-child(7),
    #tab-stats td:nth-child(10) {
        text-align: right;
    }

    #tab-stats td:nth-child(4),
    #tab-stats td:nth-child(6),
    #tab-stats td:nth-child(8),
    #tab-stats td:nth-child(11) {
        text-align: left;
    }

    #tab-stats .color-border {
        border-right: 1px solid red;
    }

    #tab-stats .perc-color[data-perc='green'] {
        background-color: #23b023;
    }

    #tab-stats .perc-color[data-perc='yellow'] {
        background-color: yellow;
    }

    #tab-stats .perc-color[data-perc='orange'] {
        background-color: orange;
    }

    #tab-stats .perc-color[data-perc='red'] {
        background-color: red;
    }

.tab-section-head {
    font: bold 12px verdana;
    color: #0f161d;
}

    .tab-section-head tr {
        background-color: #a2b3c5 !important;
        cursor: pointer;
        border-bottom: 1px solid #fff;
    }

    .tab-section-head td {
        padding: 5px 0;
    }

.tab-section-cont {
    display: none;
}

#tab-stats tbody.tab-section-cont:nth-child(3) {
    display: table-row-group;
}

#tab-stats .arrow-down,
#tab-stats .arrow-up {
    margin: auto;
    position: relative;
}

    #tab-stats .arrow-down:hover,
    #tab-stats .arrow-up:hover {
        opacity: 0.85;
    }

.perc-color {
    width: 11px;
    width: 1.25em;
    width: 1.25rem;
    height: 11px;
    height: 1.25em;
    height: 1.25rem;
    border: 1px solid #7985b7;
    box-sizing: border-box;
}
/* End-Stats table style*/

.btn-close-slide {
    float: right;
    text-decoration: none;
    background-color: #0065A2;
    color: #fff;
    padding: 4px 7px;
    font-size: 1.5em;
    font-weight: bold;
}

    .btn-close-slide:hover {
        opacity: 0.8;
    }

#tbStatsFCont {
    margin: 5px 0;
    float: left;
}

    #tbStatsFCont li {
        padding-left: 15px;
        line-height: 30px;
    }