//
// Porlet - Site Navigation Portlet
// --------------------------------------------------
.progress {
  	height: 18px;
	.border-radius(@progressBarBorderRadius);
	#gradient .vertical(@primaryBackgroundHover, @primaryBackground);
	.bar {
		#gradient .vertical(@primaryLightColor, @primaryColor);
	}
}

// Striped bars
.progress-striped .bar {
  #gradient > .striped(lighten(@primaryColor, 10%));
}

// upload files
.progressBarFrame {
	 margin: 0 0 25px 0;
	  line-height:20px;
	& > div {
		margin: 3px 0 0 0;
	}
	.fileNameLabel {
		font-weight: bold;
		width: 170px;
		float: left;
	}
	.fileName  {
		min-width: 148px;
		padding-right: 2px;
		font-weight: bold;
	}
	.percent {
		padding:0 7px 0 7px;
		width: 30px;
	}
	.deleteFileLabel {
		margin: 0 0 0 5px;
		padding: 0;
		.actionIcon {
			padding: 1px 5px;
		}
		.actionIcon:hover {
			background-color: @progressBarIconBackground;
			background-image: @progressBarIconBackgroundImage;
		}
	}
}
.uploadButton {
	.moreFiles {
		display: inline-block;
		color: @baseColorLight;
		margin: 0 0 0 12px;
		cursor: pointer;
	}
	.noFile {
	   display: inline-block;
		margin-left: 5px;
		color: @baseColorLight;
		margin-bottom: 0;
		vertical-align: middle;
	}
}
.uiPopup {
	.controls-full{
		.uploadButton {
			.center();
		}
	}

	.uploadContainer {
		padding: 0 0 0 8px;
	}
}

.selectFileFrame  {
	  margin: 0 0 10px 0;
	  line-height:24px;
	.fileNameLabel  {
		font-weight: bold;
		float: left;
	}
}

// progress Getting started
.progress.progessStart{
	height: 18px;
	border: none;
	.border-radius(@progressBarBorderRadius);
	.box-shadow(none);
	padding: 3px;
	.bar{
		.border-radius(@progressBarBorderRadius);
		#gradient .vertical(@primaryLightColor, @primaryColor);
	}
}

.attachmentIcon  {
  a {
    color: @linkColor!important;
  }
}