body
{
	margin-top: 0;
	margin-left: 10;
	font-family: Arial, Helvetica, sans-serif;
}

/*.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button, input, select, textarea, button
{
	font-family: Courier New, monospace;
}*/
#commit_info
{
	height: 2vh;
}

#main
{
	vertical-align: top;
	overflow-y: scroll;
	overflow-x: scroll;
	display: inline-block;
	max-width: 19%;
	height: 97vh;
	padding: 0;
}
#second_html
{
	vertical-align: top;
	overflow-y: scroll;
	overflow-x: scroll;
	display: inline-block;
	max-width: 80%;
	height: 97vh;
	width:100%;
}
#main .ui-accordion-content
{
	padding: 0;
}
.ui-accordion-header
{
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #ddd;
    background: #8a8;
    cursor: pointer;
    outline: none;
}
.ui-accordion-content
{
    margin: 0 0 10px 0;
    padding: 10px;
    border: 1px solid #ddd;
    background: #fff;
}

div .menu_button.ui-button
{
	color:green;
	white-space: nowrap;
	border: 0px;
	text-align: left;
	padding: 0;
	display:block;
}
div .menu_button.ui-button:hover
{
	background: #bbb;
}

.selected
{
	background: orange;
}
.hover
{
	background: #bbb;
}
/*!.selected && !.selected
{
	background: #fff;
}*/
/*.value_edit_tb
{
	width:160px;
}
.value_edit_b
{
	width:80px;
}*/
.button_edited
{
	color: orange;
}
table
{
	border-collapse: collapse;
	/*width:100%;*/
}

.table_name
{
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid white;
}

.table_header
{
	background: #aaa;
}

.table_header_2 td
{
	background: #ccc;
	height: 18px;
}
/*.table_header td
{
	padding-left: 20px;
	padding-right: 20px;
}*/
table td
{
/*	border: 1px solid black;*/
	padding: 3px;
	vertical-align: top;
	text-align: left;
}
.autoupdate, .raw_data
{
	width: 64px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.autoupdate span, .raw_data span
{
	position: absolute;
    width: 100%;
    height: 100%;
    background: url(images/checkbox_icons.png) no-repeat;
    cursor: pointer;
}
.autoupdate.off span, .raw_data.off span
{
	background-position: 0 -34px;
}
#autoupdate, .raw_data
{
	display: inline-block
}

.default_value
{
	width: 16px;
    height: 16px;
    display: inline-block;
    vertical-align: middle;
	position: relative;
}

.default_value span
{
	position: absolute;
    width: 100%;
    height: 100%;
    background: url(images/recorded.png) no-repeat;
	cursor: pointer;
}

.language
{
	width: 64px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
}
.language span
{
	position: absolute;
    width: 100%;
    height: 100%;
    background: url(images/language.png) no-repeat;
    cursor: pointer;
}
.language.ru span
{
	background-position: 0 -34px;
}
#language
{
	/*text-align: center;*/
	width: max-content
}

.readonly_cb, .boolean_input, .boolean_output, .boolean_alarm
{
	width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: top;
    position: relative;
}
.readonly_cb span, .boolean_input span, .boolean_output span, .boolean_alarm span
{
	position: absolute;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.readonly_cb span
{
	background: url(images/radio_blue.png) no-repeat;
}
.boolean_input span
{
	background: url(images/radio_green.png) no-repeat;
}
.boolean_output span
{
	background: url(images/radio_yellow.png) no-repeat;
}
.boolean_alarm span
{
	background: url(images/radio_red.png) no-repeat;
}
.readonly_cb.on span, .boolean_input.on span, .boolean_output.on span, .boolean_alarm.on span
{
	background-position: -15px 0px;
}
.ui-dialog-titlebar
{
	background-color: #8a8;
}
#dialog-form
{
    background-color: #fff;
    color: #7F7F7F;
	border: 2px solid #ccc;
}
.ui-dialog .ui-dialog-titlebar-close {
    position: absolute;
	right: .3em;
}
.ui-dialog-buttonpane
{
	background-color: #fff;
}
.ui-dialog-buttonset
{
	float: right;
}
.ui-tabs {
	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
	padding: .2em;
}
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding: .2em .2em 0;
}
.ui-tabs .ui-tabs-nav li {
    display: inline;
	list-style: none;
	float: top;
	position: relative;
	top: 0;
	margin: 1px .2em 0 0;
	border-bottom-width: 0;
	padding: 0;
	white-space: nowrap;
}
.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: top;
	padding: .5em 1em;
	text-decoration: none;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	margin-bottom: -1px;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor,
.ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background-color:  #ccc;
	border: 1px solid black;
	color: black;
	cursor: text;
}
.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
	cursor: pointer;
}
.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 10;
	padding: 1em 1.4em;
	background: none;
}
.marked {
	background-color: #dfeddf;
}
.marked td{
	border-color: #dfeddf;
}
.good {
	color: green;
}
.bad {
	color: red;
}
.marked-date {
	border-color: aqua;
}
#errors_info table tr {
	border: 2px solid brown;
}
.register_gap {
	background-color: black;
	color: white;
}
.settings_crc {
	background-color: lightgray;
	color: white;
}

div.empty_div
{
	display: inline-block;
}
/*.changed
{
	background-color: peachpuff;
}*/

/*select:hover {
	background-color: #dfeddf;
  }
  
  select:active {
	background-color: #334433;
  }

  select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;    
  }

 select::-ms-expand {
    display: none;
}*/