/**
 *
 * Filemanager - Mobile
 *
 * Please do NOT change app.css directly, instead change app.less and compile it!
 * Pixleegg Template app.css
 * @link http://www.egroupware.org
 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
 * @author Hadi Nategh <hn@stylite.de>
 * @package Filemanager
 * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
 */

@import "../default/app.css";
/* tablets and smartphones  */
@media all {
	#filemanager-index_nm {
		table.egwGridView_outer tbody {
			span[id^='filemanager-index'][id$='size]']{
				text-align: right;
			}
			label[id^='filemanager-index'][id$='name]'] {
				overflow: hidden;
				text-overflow: ellipsis;
				max-width: 100%;
				span{
					white-space: nowrap;
				}
			}
		}
		.buttons {
			position: relative;
			display: inline-block;
			overflow:auto;
			width:100%;
			padding-top:5px;
			img{
				width: 24px;
				height: 24px;
				padding-left: 15px;
			}
			height: auto;
		}
		#filemanager-index_filemanager-index-header_right {width:100%;}
		#filemanager-index_tarp {display: none !important;}

	  #filemanager-index_nm_filemanager-index-header_left {
		&::part(base) {
		  width: 100%;
		}

		height: auto;
		order: 100;
	  }
	}
	#filemanager-index_filemanager-index-header_left {
		.et2_file.plus_button {
			position: fixed !important;
			right: 15px;
			bottom: 15px;
			border-radius: 50%;
			width: 60px !important;
			height: 60px !important;
			background-position: center;
			z-index: 100;
			border: none;
			margin: 0;
			padding: 0;
			border: none;

			.et2_file_span::part(base){
				width:50px;
				height: 50px;
				border: none;
				background: none;
			}
			.et2_file_span::part(prefix)
			{
				display: none;
			}
			.et2_file_upload {
				width: 60px;
				height: 60px;
				top: 0;
			}
			div.progress {
				position: fixed;
				left: 0;
				top: 0px;
				width: 93%;
			}
		}

	  et2-image.plus_button {
		position: fixed !important;
		right: 15px;
		bottom: 15px;
		width: 60px;
		height: 60px;

		font-size: 32px;
		line-height: 60px;
		color: #fff;
		text-align: center;
		font-weight: bolder;
		display: inline-block;

		z-index: 101;
		pointer-events: none;
		background-color: transparent;

		&::before {
		  content: "\f64d";
		  font-family: bootstrap-icons !important;
		}
	  }
	}

	.previewImage img {max-width: 100%;}
	div#filemanager-file_tabs td.eaclAccount,td.eaclRights {display: block;}
}