@import "variables.less";
@import "mixins.less";

/*=========== Vetical tabs =============*/

.uiECMAdminPortlet{
	.uiResizableBlock{
		.ShowSideBar{
			margin-left: 256px;
		}
	}
	.ecmAdminPanel{
		height: 100%;
		overflow: auto;
		width: 233px;
		padding: 24px 13px 0px 24px;
	}
	.uiECMAdminWorkingArea{
		margin: 24px 10px 10px;
		.pagination{
			margin: 0px 0px 9px 0px;
		}
		.uiPopup{
			.form-horizontal {
				padding: 10px 0 5px;
			}
			.control-group{
				.controls{
					.textarea{
						height: 150px;
						vertical-align: top;
					}
				}
				.controls-full{
					white-space: nowrap;
					margin: 0 5px;
					.control-label {
						white-space: normal;
					}
					.textarea{
						height: 150px;
						vertical-align: top;
						width: 100%;
					}
				}
			}
		}
		.tabActions{
			 width:240px; 
			 float:left;
			 margin: 0px;
		}
		.uiOneNodePathSelector{
			.uiTreeList{
				margin-left: 250px;
			}
			.breadcrumb{
				background-color: @formActionsBackground;
				border: 1px solid @borderColor;
				border-radius: 0 0 0 0;
				margin: 6px 0 20px;
				padding: 8px 15px;
			}
			.control-label{
				width: 84px;
			}
			.form-horizontal .controls{
				margin-left: 100px;
			}
		}
		.anyPermission .form-horizontal{
			padding: 0px;
		}
	}
	.uiNodeTypeList{
		.pagination {
			margin: 10px 0;
		}
		.allDocument{
			margin: 10px 0;
		}
	}
	
	.uiNodeTypeUpload{
		.form-horizontal .controls{
				margin-left: 148px;
			}
	}
	.UITagManager{
		.uiIconRemove{
			 background-position: -20px 0;
		}
	}
	#UINodeTypeForm{
		.RequiredTypeTab, .DefaultTypeTab{
			.form-horizontal{
				.controls{
					margin-left: 0px;
				}
			}
		}
	}
	.uiNamespaceForm{
		.form-horizontal {
			.control-group{
				.controls-full{
					margin-left: 180px;
				}
			}
		}
	}
	
}

.uiIconEcmsFolksonomyManager{
	background-image: url("@{images-path}/Icons/uiIconsLightGray.png");
	background-position: -60px -20px;
}

a:hover .uiIconEcmsFolksonomyManager{
	background-image: url("@{images-path}/Icons/uiIconsBlue.png");
}

.uiIconEcmsTaxonomyManagerTrees{
	background-image: url("@{images-path}/Icons/uiIconsLightGray.png");
	background-position: -20px -60px;
}

a:hover .uiIconEcmsTaxonomyManagerTrees{
	background-image: url("@{images-path}/Icons/uiIconsBlue.png");
}

.uiIconEcmsActionManager{
	background-image: url("@{images-path}/Icons/uiIconsLightGray.png");
	background-position: 0px -40px;
}

a:hover .uiIconEcmsActionManager{
	background-image: url("@{images-path}/Icons/uiIconsBlue.png");
}

.uiIconEcmsUnLockManager{
	background-image: url("@{images-path}/Icons/uiIconsLightGray.png");
	background-position: -60px 0px;
}

a:hover .uiIconEcmsUnLockManager{
	background-image: url("@{images-path}/Icons/uiIconsBlue.png");
}

.uiSearchBox {
  margin: 0 0 14px 0;
  padding: 8px;
  border-radius: @baseBorderRadius;
  border: 1px solid @borderColor;
}

.MultiValueContainer{
	.multiFieldAction{
		margin-left: 4px;
	}
}


.UITaxonomyTreeCreateChild {
	.breadcrumb{
		border: 1px solid #e1e1e1;
		background: #f7f7f7;
		border-radius: 0px;
		margin: 0 0 16px 0;
		padding: 4px;
	}
	.uiTreeList{
		margin-left: 244px;
	}
}

.uiTaxonomyTreeWizard{
	.wizardLabel{
		padding: 15px 8px 14px;
	}
	.UIActionTaxonomyManager{
		.form-horizontal{
			padding-top: 0px;
		}
	}
}

.uiViewPermissionForm {
	.tab_permission{
		input{ margin: 0px;}
	}
}

/*=========== Note type============*/

.superTypeTab{
	.controls{
		margin: 0px;
	}
}

/*=========== Note type============*/

.uiNodeTypeImportPopup{
	.form-horizontal{
		.control-label{
			display: none;
		}
	}
}
.uiNodeTypeExport{
	.uiCheckbox{
		width: 12px;
		margin: auto;
		display: block;
	}
	.form-horizontal {
		.control-group {
			.controls{
				margin: 10px 20px 0;
				.uiCheckbox{
					margin: auto;
				}
			}
		}
	}
}

.UINodeTypeSelector{
	.control-label{
		width: auto;
	}
	.controls{
		margin: 0px;
	}
}

/*=========== uiPermissionForm ============*/

.permission {
		
	.form-inline .checkbox {
		margin-right: 15px;
	}
	
	.controls {
		margin-bottom: 10px;
		
		input {
			margin: 0px; 
		}
		
		.btn {
			margin-left: 10px;
		}
	}
}

.UIActionTaxonomyManager{
 .uiAddActionForm{
 	border-top: 1px solid @borderColor;
 	max-height: 350px ;
 }
}


.UITaxonomyTreeCreateChild {
	.explorerTree {
		margin-bottom: 15px;
	}
	.uiActionBorder {
		clear:both;
	}
}