/**
 *
 * Addressbook - 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 addressbook
 * @version $Id: app.less 55033 2016-02-16 18:49:17Z hnategh $
 */

@import (reference) "../../../pixelegg/less/definitions.less";
@import (reference) "../../../pixelegg/less/def_mobile.less";

@media all{
	.et2_mobile_view {
		div.et2_hbox.avatar {
			width: 100px;
			display: block;
			height: 100px;
			margin: auto;

			img {
				width: 100px;
			}
		}
		.et2_email {
			color:#26537c;
		}
		#addressbook-view_n_fn {
			border: none;
			text-align: center;
			display:inline-block;
			width:99%;
			span {
				.mob-fontsize-xl;
			}
			.mob-fontsize-xl;
		}
	}
	#addressbook-edit {
		div.et2_hbox.avatar {
			width: 70px;
			display: block;
			height: 70px;
			margin: auto;

			img {
				width: 70px;
			}
		}
		#addressbook-edit_n_fn {
			border: none;
			text-align: center;
			.mob-fontsize-l;
		}
		#addressbook-edit_adr_one_locality, #addressbook-edit_adr_two_locality, #addressbook-edit_room{
			margin-left:0;
		}
		a.et2_url.url, a.et2_url.phone, a.et2_url.email  {
			display: none !important;
		}
		.uploadphoto{
			position: absolute;
			top: 55px;
			left: 0;
			display: none;
			border: 2px solid black;
			background-color: #ffffff;
			padding: 4px;
			z-index: 1;
			width:100%;
			.et2_file {
				margin-left:0;
				margin-bottom: 10px;
				.et2_file_span {
					width:auto;
					height: 30px;
				}
			}

		}
		.typeIcon { height: 16px; width: 16px; }
		.editname{
			position: absolute;
			display: none;
			border: 2px solid black;
			background-color: #ffffff;
			padding: 4px;
			top: 55px;
			left: 0;
			z-index: 1;
			width: 100%;
		}
		.custom_country {
			display: none;
		}
	}

	#addressbook-index {
		table.egwGridView_outer tbody {

			span[id^='addressbook-index_'][id$='line1]'] {
				.mob-fontsize-l;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
			span[id^='addressbook-index_'][id$='line2]']{
				.mob-fontsize-l;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				font-weight: bold;
			}
			.addressbookCol2 {
				.et2_box_widget {
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;
					width:99%;
				}

			}

			span[id^='addressbook-index_'][id$='adr_one_locality]']
			{
				.mob-fontsize-s;
				display: inline-block;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;

			}
			a[id^='addressbook-index_'][id$='email]']{
				.mob-fontsize-s;
				padding-left: 3px;
				display: inline;
				overflow: hidden;
				text-overflow: ellipsis;
				color: #26537c;
				white-space: nowrap;
			}
			a[id^='addressbook-index_'][id$='tel_cell]'],
			a[id^='addressbook-index_'][id$='tel_work]']
			{
				.mob-fontsize-s;
				padding-left: 3px;
				display: inline;
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
		}
	}
}