/*body,*/
html {
/*	background-color: rgba(53,53,53,1.00);*/
	background-image: url("back.jpg");
	background-size: cover;
/*	background-attachment: local;*/
	background-attachment: scroll;
	font-family: Open Sans,sans-serif;
	font-weight: lighter;
	height: auto;
	width: auto;
}

.bigdiv {
	background-color: rgba(0,0,0,0.30);
	border: 2px solid red;
	border-radius: 5px;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

#system_name {
	margin-left: 40px;
	margin-right: 40px;
	text-align: center;
	font-size: 22px;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	color: white;
}

.inputBlock {
	width: 200px;
	text-align: center;
	font-style: italic;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 20px;
	color: white;
/*	background-color: rgba(139,147,150,0.30);*/
	background-color: rgba(251,155,33,0.80);
	border-radius: 5px;
	position: absolute;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
	padding: 10px;
	box-shadow: 5px 5px 7px white;
	opacity: 0.6;
}

.inputBlockTable {
	width: auto;
	text-align: center;
	font-style: italic;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 20px;
	color: white;
	outline: none; 
	border: none;
/*	background-color: rgba(139,147,150,0.30);*/
	background-color: rgba(140,140,140,0.0);
/*	border-radius: 5px;
	position: absolute;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);*/
/*	padding: 10px;*/
/*	box-shadow: 5px 5px 7px white;
	opacity: 0.6;*/
}

.selectTableColor {
	background-color: rgba(140,140,140,0.7);
}

.inputBlockCheckText {
	text-align: center;
	font-style: italic;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 20px;
	color: white;
	left: 50%;
	display: block;
}

.inputBlock:hover {
	box-shadow: none;
	opacity: 1;
	cursor: text;
	outline: 0;
    outline-offset: 0;
}

.selectBlock {
	width: 200px;
	color: white;
/*	background-color: rgba(139,147,150,0.20);*/
	background-color: rgba(251,155,33,0.80);
	text-align: center;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	font-size: 20px;
	box-shadow: 5px 5px 7px white;
	opacity: 0.6;
}

button {
/*	background-color: rgba(188,182,183,0.50);*/
	background-color: rgba(251,155,33,0.80);
	border-radius: 10px;
	font-size: 25px;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	box-shadow: 5px 5px 17px white;
	opacity: 0.6;
}

button:hover {
	color: aliceblue;
	box-shadow: none;
	opacity: 1.0;
}

.center {
	display: flex;
	justify-content: center;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	color: white;
	text-align: center;
}

.text {
	text-align: justify;
}

a {
	color: white;
}

.a {
	font-size: 20px;
	color: white;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
}

.btn {
	display: inline-block; /* Строчно-блочный элемент */
    background: rgba(188,182,183,0.50); /* Серый цвет фона */
    border-radius: 10px;
	font-size: 25px;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: white;
	box-shadow: 5px 5px 17px white;
	opacity: 0.7;
    text-decoration: none; /* Убираем подчёркивание */
}

.btn:hover {
	color: aliceblue;
	box-shadow: none;
	opacity: 1.0;
}

.tableColor {
	background-color: rgba(140,140,140,0.70);
	font-size: 20px;
}

tr:hover {
	background-color: rgba(240,200,140,1.00);
	color: rgba(82,81,81,1.00);
}

td, th {
	padding-left: 3px;
	padding-right: 3px;

}

.attention {
	font-size: 20px;
	font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, "serif";
	color: rgba(251,132,134,1.00)
}

/*HighCharts*/
#container {
    height: 400px; 
}

.highcharts-figure, .highcharts-data-table table {
    min-width: 310px; 
    max-width: 800px;
    margin: 1em auto;
}

.highcharts-data-table table {
    font-family: Verdana, sans-serif;
    border-collapse: collapse;
    border: 1px solid #EBEBEB;
    margin: 10px auto;
    text-align: center;
    width: 100%;
    max-width: 500px;
}
.highcharts-data-table caption {
    padding: 1em 0;
    font-size: 1.2em;
    color: #555;
}
.highcharts-data-table th {
	font-weight: 600;
    padding: 0.5em;
}
.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
    padding: 0.5em;
}
.highcharts-data-table thead tr, .highcharts-data-table tr:nth-child(even) {
    background: #f8f8f8;
}
.highcharts-data-table tr:hover {
    background: #f1f7ff;
}