/*
 {$BRAND_NAME`}
 Copyright (c) ocProducts, 2004-2016
*/

.menu_editor_lh_side .field_name_column {
	width: 11em;
}

.menu_editor_lh_side select {
	max-width: 100%;
}

.menu_editor_page.docked #mini_form_hider {
	margin-top: 1em;
	border-top: 3px dotted {$GET,divider_line} !important;
	position: fixed;
	left: 0;
	bottom: 0;
	background: {$GET,floating_section_background};
	font-size: 0.9em;
	width: 100%;
	z-index: 100; /* Needed for Opera, else footer icons with 'transform' CSS property overlay (bug in Opera) */
	padding: 0 0.5em;
	{$BETA_CSS_PROPERTY,box-sizing: border-box;}
}

.dock_button {
	float: right;
	margin-right: 0.5em;
	padding: 0.5em;
	cursor: pointer;
}

.menu_editor_lh_side {
	margin-{!en_right}: 470px;
}

.menu_editor_page.non_docked {
	min-height: 400px;
}

.menu_editor_page.docked {
	margin-right: 1em;
	padding-right: 0.5em;
	overflow-y: auto;
}

.docked #tree_list__root_tree_list {
	overflow-y: scroll;
	max-height: 200px;
}

.menu_editor_rh_side {
	float: {!en_right};
	margin-{!en_left}: 20px;
	width: 450px;
	font-size: 0.9em;
	line-height: 1.5em;
}

.menu_editor_selected_field {
	background-color: {$GET,native_ui_active_background} !important;
}

.menu_editor_branch_indent {
	padding-{!en_left}: 20px;
}

.menu_editor_root {
	margin-right: 1px;
}

.menu_editor_branch_wrap {
	margin-right: -1px; /* To make nested rhs borders align; this is why menu-editor-root has 1px extra margin */
}

.menu_editor_branch {
	border: 1px solid {$GET,standard_border};
	margin-top: -1px;
	background-color: {$GET,area_3_background};
}

.menu_editor_branch_inner {
	padding: 0.5em;
}

.menu_editor_branch * {
	vertical-align: middle;
}

.menu_editor_branch .menu___generic_admin__delete {
	float: right;
}

.menu_editor_branch_wrap {
	padding: 1em 0 0 0;
	margin-{!en_right}: -1px;
}

.menu_editor_branch_wrap .menu_editor_branch_wrap {
	padding-left: 1em;
}

/* Undoes main actions_list style */
.menu_editor_branch_wrap .actions_list {
	margin: 0.5em 0;
}
.menu_editor_branch_wrap .actions_list li {
	background: none;
	padding-left: 0 !important;
	margin-left: 0 !important;
}

.menu_editor_branch input[type="text"] {
	background: url('{$IMG;,icons/14x14/action_small}') right center no-repeat white;
	background-size: 20px 20px;
	cursor: pointer;
	width: 15em;
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) {
	.menu_editor_branch input[type="text"] {
		background-image: url('{$IMG;,icons/28x28/action_small}');
	}
}

#menu_editor_wrap input#url {
	width: 60em;
	max-width: calc(100% - 70px);
}

.menu_editor_branch input[type="text"]:focus {
	cursor: text !important;
}
