body {
    width: 62%;
    margin: auto;
    /*//text-align: center; */
    /*//font-family: Arial; */
	font-family: "Times New Roman";
    top: 50%;
    left: 50%;
}

.design {
    display: inline-block; 		/* Строчно-блочный элемент */
    padding: 5px 20px; 			/* Добавляем поля */
    text-decoration: none; 		/* Убираем подчёркивание у ссылки */
    cursor: pointer; 			/* Курсор в виде руки */
    background: #deefff; 	/* Фон для браузеров, не поддерживающих градиент */
    /* Градиент */
    background: -moz-linear-gradient(top, #deefff 0%, #98bede 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#deefff), color-stop(100%,#98bede));
    background: -webkit-linear-gradient(top, #deefff 0%,#98bede 100%);
    background: -o-linear-gradient(top, #deefff 0%,#98bede 100%);
    background: -ms-linear-gradient(top, #deefff 0%,#98bede 100%);
    background: linear-gradient(top, #deefff 0%,#98bede 100%);
    border-radius: 10px; /* Скругляем уголки */
    border: 1px solid #008; /* Добавляем синюю рамку */
    /*font: 12px/1 Arial, sans-serif; 		/* Рубленый шрифт */
	font: 1.2em/1 Arial, sans-serif; 		/* Рубленый шрифт */
    color: #2c539e; /* Цвет текста и ссылки */
	font-weight: 500;
}

@media screen and (max-width: 800px) {
    body {
        width: 100%;
    }
}

table {
    margin-left: auto;
    margin-right: auto;
}

div {
    margin-left: auto;
    margin-right: auto;
}

h2 { font-size: 2.5rem; }

.header {
	padding: 0.5rem;
	/*margin: 0 0 2rem 0; */
	margin: 0.5rem 0 0.5rem 0;		/* равные отступы сверху и снизу */
	/*background: #f2f2f2;*/
	/*background: #f2f9f2;*/	/* оставить основной фон */
	
	text-align: center;
	/*font-size: 1.4em;*/
	/*font-weight: 500;*/
}

.in-numb {
	padding: 0.2rem;
	margin: 0.2rem;
	text-align: center;
	font-size: 1.2em;
	font-weight: 500;
}

#station {						/* станция */
	text-align: center;
	padding-bottom: 1.0em;
}

#station input {				
	font-size: 1.2em;
}

#station p {
	font-size: 1.5em;
	font-weight: 500;
	margin: 0 0 0.2em 0;
	padding: 0 0 0.5em 0;
}

#station h3 {
	font-size: 1.4em;
	font-weight: 500;
	margin: 0.1em;
	padding: 0.1em;
}

#station h2 {
	font-size: 2.0em;
	font-weight: 500;
	margin: 0.3em;
	padding: 0.3em;
}

#station table {
    border-spacing: 5px; /* Расстояние между границ */
	padding: 5px; /* Поля в ячейках */
	border-collapse: collapse; 	/* одна рамка вокруг ячеек, см. reset */
	border-spacing: 0;
}

#station table th, #station table td {
    border-spacing: 5px; /* Расстояние между границ */
	padding: 5px; /* Поля в ячейках */
	font-size: 1.2em;
}

.cel {
    border-spacing: 5px; /* Расстояние между границ */
	padding: 5px; /* Поля в ячейках */
}

h1 {
    font-size: 2rem;
    font-family: Arial, sans-serif;
    /*text-align: center;*/
	text-align: left;
    text-transform: uppercase;
}

.content {
    display: flex;
}

@media screen and (max-width: 500px) /* Mobile */ {
    .content {
        flex-direction: column;
    }
}

.mask {
    position: relative;
    overflow: hidden;
    display: block;
    width: 12.5rem;
    height: 6.25rem;
    margin: 1.25rem;
}

.semi-circle {
    position: relative;
    display: block;
    width: 12.5rem;
    height: 6.25rem;
    background: linear-gradient(to right, #3498db 0%, #05b027 33%, #f1c40f 70%, #c0392b 100%);
    border-radius: 50% 50% 50% 50% / 100% 100% 0% 0%;
}

.semi-circle::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 2;
    display: block;
    width: 8.75rem;
    height: 4.375rem;
    margin-left: -4.375rem;
    background: #fff;
    border-radius: 50% 50% 50% 50% / 100% 100% 0% 0%;
}

.semi-circle--mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 12.5rem;
    height: 12.5rem;
    background: transparent;
    transform: rotate(120deg) translate3d(0, 0, 0);
    transform-origin: center center;
    backface-visibility: hidden;
    transition: all 0.3s ease-in-out;
}

.semi-circle--mask::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0%;
    z-index: 2;
    display: block;
    width: 12.625rem;
    height: 6.375rem;
    margin: -1px 0 0 -1px;
    background: #f2f2f2;
    border-radius: 50% 50% 50% 50% / 100% 100% 0% 0%;
}

.gauge--2 .semi-circle { background: #3498db; }

.gauge--2 .semi-circle--mask { transform: rotate(20deg) translate3d(0, 0, 0); }

#tableReadings { 
	border-collapse: collapse; 
}

#tableReadings td, #tableReadings th {
    border: 1px solid #ddd;
    padding: 10px;
}

#tableReadings tr:nth-child(even) { 
	background-color: #f2f2f2; 
}

#tableReadings tr:hover { 
	background-color: #ddd; 
}

#tableReadings th {
    padding: 10px;
    background-color: #2f4468;
    color: white;
}

.header  table {
    /*width: 100%; /* Ширина таблицы */
    /*border: 1px solid #399; /* Граница вокруг таблицы */
	/*border-spacing: 4px 7px;*/	/* Расстояние между границ */
    border-spacing: 4px; /* Расстояние между границ */
	/*padding: 10px; /* Поля в ячейках */
	padding: 4px; /* Поля в ячейках */
}