/*
This file is part of the Meeds project (https://meeds.io/).
Copyright (C) 2020 Meeds Association
contact@meeds.io
This program is free software; you can redistribute it and/or
modify it under the terms of the GNU Lesser General Public
License as published by the Free Software Foundation; either
version 3 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
Lesser General Public License for more details.
You should have received a copy of the GNU Lesser General Public License
along with this program; if not, write to the Free Software Foundation,
Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
*/
//
// Porlet - Site Navigation Portlet
// --------------------------------------------------
.progress {
  	height: 18px;
	.border-radius(@progressBarBorderRadius);
	#gradient .vertical(@primaryBackgroundHover, @primaryBackground);
	.bar {
		#gradient .vertical(@primaryColorLighter, @primaryColor);
	}
}

// Striped bars
.progress-striped .bar {
  #gradient > .striped(@primaryColorLight);
}

// upload files
.progressBarFrame {
	 margin: 0 0 25px;
	  line-height:20px;
	& > div {
		margin: 3px 0 0;
	}
	.fileNameLabel {
		font-weight: bold;
		width: 170px;
		float: left ~'; /** orientation=lt */ ';
		float: right ~'; /** orientation=rt */ ';
	}
	.fileName  {
		min-width: 148px;
		padding-right: 2px ~'; /** orientation=lt */ ';
		padding-left: 2px ~'; /** orientation=rt */ ';
		font-weight: bold;
	}
	.percent {
		padding:0 7px;
		width: 30px;
	}
	.deleteFileLabel {
		margin: 0 0 0 5px ~'; /** orientation=lt */ ';
		margin: 0 5px 0 0 ~'; /** orientation=rt */ ';
		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 ~'; /** orientation=lt */ ';
		margin: 0 12px 0 0 ~'; /** orientation=rt */ ';
		cursor: pointer;
	}
	.noFile {
	   display: inline-block;
		margin-left: 5px ~'; /** orientation=lt */ ';
		margin-right: 5px ~'; /** orientation=rt */ ';
		color: @baseColorLight;
		margin-bottom: 0;
		vertical-align: middle;
	}
}
.uiPopup {
	.controls-full{
		.uploadButton {
			.center();
		}
	}

	.uploadContainer {
		padding: 0 0 0 8px ~'; /** orientation=lt */ ';
		padding: 0 8px 0 0 ~'; /** orientation=rt */ ';
	}
}

.selectFileFrame  {
	  margin: 0 0 10px;
	  line-height:24px;
	.fileNameLabel  {
		font-weight: bold;
		float: left ~'; /** orientation=lt */ ';
		float: right ~'; /** orientation=rt */ ';
	}
}

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

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