/* Consolidated deployment styles used by all index/diag pages */

/* page top spacing */
.content.page-top { padding-top: 2px; }

#mooringName { margin-bottom: 5px; }

.utc-note { margin-top: 25px; float: right; font-size: 12px; color: rgb(100,100,100); }

h4.page-subtitle { margin-top: 0px; }

/* Map */
#mapID,
#deploymentMap { width: 98%; height: 300px; margin-left: auto; margin-right: auto; }

/* Chart containers */
#container_no3,
#container_bod,
#container_bb { width: 98%; height: 290px; margin-left: 10px; margin-right: auto; margin-top: auto; margin-bottom: auto; }

#container_pH,
#container_o2,
#container_temp,
#container_sal,
#container_chl,
#container_co2,
#container_cntlSub3_1,
#container_cdom { width: 98%; height: 250px; margin-left: 10px; margin-right: auto; margin-top: auto; margin-bottom: auto; }

#container_adcpEast,
#container_adcpNorth { width: 98%; height: 300px; margin-left: 10px; margin-right: auto; margin-top: auto; margin-bottom: auto; }

#container_adcpSv { width: 98%; height: 295px; margin-left: 10px; margin-right: auto; margin-top: auto; margin-bottom: auto; }

#operator-notes-table { width: 98%; margin-left: 10px; margin-right: auto; }

.loader-wrap.hidden { display: none; }

#mousePos { float: right; }
/* Footer alignment styles */
.footer {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 10px;
    margin-right: 10px;
}