@import (less) "../default/sharing.css";

/**
 * EGroupware - CSS Styles used by sharing GUI
 *
 * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
 * @package etemplate
 * @link http://www.egroupware.org
 * @author Ralf Becker <rb@stylite.de>
 * @copyright (c) 2014/15 by Ralf Becker <rb@stylite.de>
 * @version $Id$
 */

div#filemanager-index_buttons div.et2_file {
	margin-top: 6px;
}

div#popupMainDiv {
	&:before {
		content: ' ';
		width: 100%;
		background-position: 15px;
		background-size: 40px;
		height: 45px;
		background-color: #e8e8e8;
		display: inline-block;
		position: absolute;
		top: 0;
		left: 0;
		border-bottom: 1px solid silver;
	}
	&:after {
		content: ' ';
		width:180px;
		height: 45px;
		display: block;
		background-size: contain;
		background-image: url(../../../api/templates/default/images/logo.svg);
		position: absolute;
		top: 0;
		left: 0;
		background-repeat: no-repeat;
		background-position: center;
	}
}
form#filemanager-index {
	&:after {
		content: ' ';
		width: 100%;
		height: 45px;
		background: #e8e8e8;
		display: inline-block;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	margin-left: 200px !important;
	margin-right: 200px !important;
	.et2_toolbar .et2_toolbar_actionlist button.et2_button_with_image, .nextmatch_header_row .et2_button {
		width: 45px;
		height: 45px;
		background-size: 18px auto;
		margin: 0;
		border: 0;
		border-right: 1px solid silver;
		padding: 0;
		border-radius: 0;
		outline: none;
	}
	.nextmatch_header_row {
		.header_row_right {

		}
		#filemanager-index_button\[createdir\] {
			background-color: white;
			border-left: 1px solid silver;
			border-right: 1px solid silver;
		}
		.et2_searchbox .flex input {
			height: 45px;
			border: 0px;
			-webkit-border-radius: 0;
			-moz-border-radius: 0;
			border-radius: 0;
			margin: 0;
			padding: 0px 0px 0px 5px;
		}
		#filemanager-index_path {
			width: calc(100% - 165px);
			display: inline-block;
			padding-right: 30px;
		}
		#filemanager-index_filemanager-index-header_row {
			width: ~"calc(45% - 115px)";
			min-width: 250px;
			background-color: #fefefe;
			.et2_vfsPath {
				input.et2_textbox.et2_vfs {
					height: 45px;
					border-radius: 0;
					padding: 0px 29px 0px 0px;
					border: 0;
					border-right: 1px solid silver;
					margin: 0;
				}
				li.vfsPath.et2_clickable:last-child:hover {
					background: #c0c0c054;
					border-radius: 0;
				}
				li, li.vfsPath.et2_clickable:last-child:before {line-height: 35px;}

			}
		}
		#filemanager-index_filemanager-index-header_right {
			#filemanager-index_new_wrapper {
				margin: 0;
				border-left: 1px solid silver;
				.et2_dropdown button {
					height: 45px;
					border: 0;
					border-radius: 0;
					outline: none;
					margin: 0;
				}
			}
		}
		#filemanager-index_filemanager-index-header_left .et2_file
		{
			width: 100px;
			margin: 0;
			padding: 0px;
			height: 45px;
			span {
				width: 100px;
				text-indent: 35px;
				color: #1b1b1b;
				line-height: 45px;
				box-shadow: none !important;
				background-color: #fcc318c7;
			}
		}
		.et2_file_span.et2_button.et2_file_ro {
			background-color: #fcc318c7 !important;
		}
		.et2_button_ro {
			background-color: #fafafa !important;
		}
	}
	table.egwGridView_grid tbody {
		border-bottom: none;
	}
}


