.ds {

}

.ds .sinkit_table {
	border-collapse: separate;
}

.ds_interface {
	/*	border: #E0E0E0 solid 1px; */
	/*overflow: hidden;*/
}

.ds_panel {
	border-bottom: #E0E0E0 solid 1px;
	background-color: #eae5d8;
	padding: 4px;
	height: 16px;

}

.ds_panel a {
	display: inline-block;
	vertical-align: middle;
}

.ds_content {
	background-color: #FFFFFF;
	min-height: 500px;
/*	overflow: auto;*/
}

.ds_sub_content {

}

.ds_wrapper {
	/*overflow: hidden;*/
	display: flex;
	width: 100%;
	min-height: 50vh;
}

.ds_tree {
	width: 15%;
	line-height: 20px;
	overflow: auto;
/*	float: left; */
    display: table-cell;
    vertical-align: top;
	/*width: 200px;*/
	position: relative;
	flex-shrink: 0;
}

.div_expander_v {
}

.ds_grid {
	/*vertical-align: top;*/
	/*overflow: auto;*/
	/*width: auto;*/
	display: block;
	flex-grow: 1;
	overflow: auto;
}

.ds_tree_toggle {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url('ds_tree.png') no-repeat;
}

.ds_tree_toggle.hidden {
	background: url('ds_tree.png') no-repeat left bottom;
}

.ds_grid_counters {
	solid: 1px;
	border-collapse: collapse;
}

.ds_grid_counters td {

	padding: 4px;
}

.ds_grid_counter {
	width: 100px;
	color: #ccc;
	border-right: #ccc solid 1px;
}

.ds_grid_counter_value {
	color: #888;
}



.ds_dataset_buttons {

	font-size: 10px;
}

.selected .ds_dataset_buttons {

}

.selected .ds_dataset_buttons > div {
	display: block;
}

/*
.selected .ds_dataset_buttons a {
	text-decoration: none;
	color: #006699;
}

*/
.ds_dataset_buttons > div {
/*	display: none; */
	color: #ccc;

}

table.ap_table_sort {
	width: 100%;
}
a.ap_table_sort_button {
	background: url('sort.png') no-repeat scroll -11px center transparent;
	display: block;
	height: 14px;
	width: 11px;
}
a.ap_table_sort_button.asc {
	background-position: 0 center;
}
a.ap_table_sort_button.desc {
	background-position: -22px center;
}
table.ap_table_sort a {
	color: #000;
	text-decoration: none;
}


.ds .ds_row.even {

}

.ds .ds_row td {
	border-bottom: #eee solid 1px;
    padding: 8px !important;
    line-height: 16px !important;
}

.ds .ds_row.last td {
	border-bottom: none;
}

















table.groups_table {
	width: 100%;
}
.groups_table tr.top {
	font-weight: bold;
	background: #EEEEEE;
	border-bottom: #969696 solid 1px;
}
.groups_table tr {
	border-bottom: #969696 solid 1px;
}
.groups_table tr.active {
	background-color: #CC99FF;
	border-bottom: #993366 solid 1px;
	cursor: pointer;
}
.groups_table td {
	padding: 6px 2px;
}

tr.selected_record {
	/* background: #edf5ff; */
	background: #eae5c6 !important;
}





/* Интерфейс для набора данных */

.toggle {
	cursor: pointer;
	width: 9px;
	height: 9px;
	margin-right: 5px;
}

.group_active,.group_inactive {
	display: inline;
	padding: 1px;
	cursor: pointer;
}
.sub_groups {
	background-color: red;
}
.group_active {
	background-color:#F5EDD8;
	border: #D6B766 solid 1px;
}
.group_inactive {
	background-color: #FFFFFF;
	border: #FFFFFF solid 1px;
}









.ds_files {

}

.ds_files .ds_file {
	margin-bottom: 20px;
	padding: 5px;
	border: #ccc solid 1px;
	display: table;
	width: 100%;
	position: relative;
	background-color: #fff;
}

.ds_files .ds_file > div {
	display: table-cell;
	padding: 5px;
}

.ds_files .ds_file .cell_file {
	width: 250px;
	word-break: break-all;
}

.ds_files .ds_file .cell_file .image_wrapper img {
	max-width: 200px;
	display: block;
	border: none;
	padding: 2px;
	border: #ccc solid 1px;
}

.ds_files .ds_file .main_file {
	width: 40px;
	text-align: center;
	vertical-align: middle;
}

.ds_files .ds_file .file_commands {
	width: 30px;
	vertical-align: middle;
	text-align: center;
}

.ds_files .ds_file .file_description {
	vertical-align: middle;
}

.ds_files .ds_file .file_description textarea {
	width: 100%;
	min-height: 100px;
	border: #ccc solid 1px;
	padding: 2px;
	margin: 0;
	box-sizing: border-box;
	resize: vertical;
}



.ds_files .highslide {
	display: block;
}

.ds_files .ds_file .drag_handler {
	position: absolute;
	display: block;
	width: 14px;
	height: 22px;
	background: url('drag.png') no-repeat center center;
	cursor: move;
	left: -15px;
	top: 0;
	padding: 0;
	border: #ccc solid 1px;
}

.ds .dataset_aggregated_checkboxes {
	max-width: 640px;
}

.ds .dataset_aggregated_checkboxes h5 {
	background: #eee none repeat scroll 0 0;
	margin: 0 0 15px;
	padding: 5px;
	font-family: Verdana, sans-serif;
	font-size: 12px;
}

.ds .dataset_aggregated_checkboxes ul {
	padding: 0;
	margin: 0 0 20px;
	list-style: none;
}

.ds .dataset_aggregated_checkboxes ul li {
	margin-bottom: 5px;
}

.ds .dataset_aggregated_checkboxes .checkboxes {
	padding-left: 30px;
}

.ds .dataset_aggregated_checkboxes .checkboxes > li {
	float: left;
	width: 50%;
	box-sizing: border-box;
}



.ds .sef_table td {
	padding: 2px;
	border: #CCCCCC solid 1px;
}

.ds .sef_table th {
	padding: 2px;
	border: #CCCCCC solid 1px;
	background-color: #EEEEEE;
}

.ds .sef_table_td_arrow {
	width: 40px;
	text-align: center;
	font-family: 'Courier New', courier;
}

.ds .remove_button {
	background: url('interface/images/cross.png') no-repeat;
	width: 16px;
	height: 16px;
	display: inline-block;
}

.ds .sef_table_td_cmd {
	width: 40px;
	text-align: center;
}

.ds .tree {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	overflow: auto;
	min-height: 50vh;
}

.ds .command_menu_wrapper {
	width: 24px;
	height: 24px;
}

.ds .command_menu {
	width: 24px;
	height: 24px;
	background: url('interface/images/menu.png') no-repeat right top;
}

.ds tr.selected a.command_menu {
	background: url('interface/images/menu.png') no-repeat left top;
}

.record_groups_table {
	width: 100%;
}
.record_groups_table th {
	background-color: #eee;
	border: #ccc solid 1px;
	padding: 5px;
}
.record_groups_table td {
	border: #ccc solid 1px;
	padding: 5px;
}
.remove_button {
	background: url('interface/images/cross.png') no-repeat scroll 0 0 transparent;
	display: inline-block;
	height: 16px;
	width: 16px;
}

.label_link {
	color: #006699;
	cursor: pointer;
}

.label_link:hover {
	color: #975998;
	text-decoration: underline;
}


.ds_image_variants {

}

.ds_image_variants_item {
	font-size: 14px;
	margin-bottom: 10px;
}
/*
.ds_image_variants_item .refresh {
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url('interface/images/arrow_refresh.png') no-repeat;
}
*/
.ds_image_variants_title {
	font-weight: bold;
	margin-bottom: 10px;
}

.ds_image_variants_item .ajax_indicator {
	display: none;
}


.ds_image_variants_items {
	display: none;
}

.ds_image_variants_title a {
	text-decoration: none;
	color: #000;
	border-bottom: dashed 1px #000;
}

.cell_file .image_wrapper {
	margin-bottom: 10px;
}




.ds .new_content .new_wrapper {
	display: none;
}

.ds .new_content.wrapper_list .wrapper_list {
	display: block;
}

.ds .new_content.wrapper_item .wrapper_item {
	display: block;
}

.ds .new_content.wrapper_type .wrapper_type {
	display: block;
}

.ds .bw_form {
	background: #FFFAFA;
	padding: 20px;
	border: #ccc solid 1px;
}

.ds .div_expander_v {
	opacity: 0;
	width: 10px;
}

.ds .div_expander_v:hover {
	opacity: 1;
}

.ds .record_counter {
	color: #ccc;
}

.ds_list_buttons {
	margin-bottom: 10px;
	display: flex;
	gap: 10px;
}

.ds_list_buttons .group_name {
	margin-bottom: 0;
	font-size: 20px;
	font-weight: bold;
}

.ds_list_buttons .ds_button_go_to_up_group {
	background: url('level_up.svg') no-repeat center center/contain;
	cursor: pointer;
	width: 24px;
	height: 24px;
	display: block;
}