.accordion-header
{
	font-size: large;
	color: black;
	/*font-weight: bold;*/
}

.tag form
{
	display:inline-block;
}

.accordion_tag form
{
	display:inline-block;
}

.block
{
	display:inline-block;
	vertical-align: top;
}

table td
{
	border: 1px solid white;
	padding: 3px;
	vertical-align: middle;
}

.data_td td
{
	height: 36px;
	vertical-align: middle;
}

.nowrap_td td
{
	white-space: nowrap;
}

.name
{
	/*font-family: Courier New, monospace;
	width: 20rem;
	white-space: nowrap;*/
	width: 13em;
	vertical-align: middle;
}

.block_header
{
	font-size: large;
}

.io input[type="text"]
{
	height: 28px;
	width: 66px;
}

input[type="password"], input[type="text"]
{
	height: 28px;
	width: 165px;
}

/*form .datetime {
	width: 100%;
}*/

#dialog-form input
{
	display: block;
	width: 225px;
}

select
{
	height: 34px;
	width: 169px;
}

.sensor_select select
{
	height: 34px;
	width: 13em;
}

.one_wire_selected_input
{
	display:inline-block;
	width: 6em;
}

.empty_block
{
	display:inline-block;
	width: 1em;
}

input[type="submit"]
{
	height: 34px;
}

.div_in_header, .board_name
{
	display:inline-block;
}

[index="2000:1"]
{
	font-weight: bold;
}


.device_name input[type="text"]
{
	font-size: x-large;
	font-weight: bold;
	color: black;
	border: none;
	background-color: #aaa;
}

.main_value
{
	font-size: large;
	font-weight: bold;
	background-color: #ccc;
}

.board_name tr td
{
	border: none;
}

.device_error
{
	/*border: 4px solid #a54646;*/
	background-color: rgb(248, 154, 117);
}

.heat_line_deactive
{
	background-color: #ccc;
}

.heat_line_trip
{
	background-color: rgb(248, 154, 117);
}

.heat_line_alarm
{
	background-color: rgb(248, 207, 117);
}

.empty_space
{
	width: 5em;
}
.line-params-table .name
{
	width: 24em
}

#date_show, #time_show, #system_time_setting, #datetime_edit
{
	display:inline-block;
}
/*.ui-state-default
{
	color:black;
	font-weight: normal;
}

.ui-widget
{
	font-family: Courier New, monospace;
}*/

#view table td
{
	vertical-align: middle;
}
#view table td div
{
	display:inline-block;
}

ul .marked a
{
	background-color: #8a8 !important;
}

/*ul .ui-state-active.marked a
{
	background-color: rgb(170, 136, 142) !important;
}*/

#drop_zone
{
	border: 1px solid black;
	min-height: 200px;
	white-space: pre;
}

#drop_zone.disabled
{
	border: 1px solid grey;
	color: grey;
}

.line_settings_table tr td:first-child
{
	width: min-content;
	white-space: nowrap;
}

.spoiler-header {
    background: #8a8;
    cursor: pointer;
	color: black;
	padding: .5em .5em .5em .7em;
}

.spoiler-content {
    visibility: hidden;
    height: 0;
    overflow: hidden;
    transition: height 0.3s ease, visibility 0.3s ease;
}

.spoiler-content.active {
    visibility: visible;
    height: auto;
}

.spoiler-arrow {
    transition: transform 0.3s ease;  /* Плавный поворот */
}