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

.uiBrandingPortlet {
	padding: 10px 30px;
	> .boxContent {
		padding: 10px 0;
	}
	h4.titleWithBorder {
		margin: 20px 0;
		line-height: 21px;
	}
	.alert {
		display: none;
		left: 60%;
	    position: absolute;
	    transform: translate(-50%);
	    margin-top: 0;
	}

	.logoForm {
		.previewLogo {
			.box-shadow(0 2px 4px rgba(0, 0, 0, 0.1));
			border: 1px solid @borderColor;
			padding: 20px;
			margin: 10px 0;
	    text-align: center;
	    .size(34px,300px);
		}
		#PreviewImgDiv.hover {
			border: 1px solid @errorColor;
		}
		.info {
			margin: 10px 0 0;
			color: @baseColorLight;
			width: 341px;
			text-align: center;
			font-size: 12px;
		}

		.uiAction {
			padding: 34px 20px;
		}
	}

	.dropdown-menu {
		min-width: 72px;
	}
}
