body {
    margin: 0px;
    padding: 0px;
    background: "#172F51";
}

#description {
	font-family:Arial, System, Sans-serif;
	font-size:small;
	z-index: -100;
	position:absolute;
	top:0px;
}

#anchorPane {
	z-index: 200;
	
    /* Set rules to fill background */
    min-height: 100%;
    min-width: 1024px;

    /* Set up proportionate scaling */
	position:absolute;
    width: 100%;
    height: 100%;

    /* Set up positioning */
    /* position: fixed; */
    top: 0;
    left: 0;

    background: linear-gradient(hsl(213, 100%, 23%), hsl(213, 100%, 33%));
    font-family: Arial, System, Sans-serif;

    text-shadow: 0.9px 0.9px 2px #000000;
    color: white;
    font-weight: bold;
    padding: 0px;
    margin: 0px;
}

.leftCol {
    width: 55%;
}
.rightCol {
    width: 44%;
}

.flexRow {
    display: flex;
    flex-direction: row;
}

.cell {
    background: hsla(216, 72%, 59%, 0.8);
    border: 15px solid rgba(0,0,0,.6);
    padding: 10px 30px 10px 30px;
}

#title {
    font-size: 63px;
    text-align: left;
}

#clock {
    font-size: 45px;
    text-align: right;
}

.tileNoBottom {
    border-bottom: 0;
}

.tileNoTop {
    border-top: 0;
}

.row1 {
    align-items:center;
}

.row2 {
    font-size: 45px;
}

#date {
    text-align: left;
}

#bigTitle{
    text-align: center;
}

#dataTable {
    display: table;
    border-collapse: collapse;
    padding-bottom:20px;
    width: 100%;
}

.tr { display: table-row; }

.col1, .col2, .col3 {display: table-cell; }
.col1 { width:37%; }
.col2 { width:25%; }
.col3 { width:38%; }


.gridHead {
    font-size: 25px;
    text-align: right;
}

.gridValue{
    font-size: 20px;
    text-align: right;
}

.gridLabel{
    font-size: 20px;
    text-align: left;
}

.bigValue {
    font-size: 63px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 60px;
}

#bigValue {
    margin-right: 10px;
}

#diagramPane {
    padding: 10px 20px 10px 20px;
    vertical-align: top;
    width: 100%;
}

#diagramHead {
    font-size: 32px;
    padding: 15px 0px 0px 0px;
}

#chart {
    margin-top: 10px;
    padding: 0px;
    text-shadow: none;
}

.oneCol { width: 100%; }

.rowWebCam {}

#webcamimage img{
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 960px; /* 640 */
	height: 528px;
	max-width: 100%;
}

.ui-loader { display: none; }