/*
	plugin accounts
	$Author: seeschloss $
	$URL: svn://svn.noparking.net/usr/local/svn/projets/opentime.fr/plugins/accounts/medias/css/styles.css $
	$Revision: 6339 $

	Copyright (C) No Parking 2012 - 2018
*/

/*========================/
	Mon compte
/========================*/

.body-accounts_admin .content_working table,
.body-accounts_credential .content_working table {
	border-collapse:collapse;
	margin:20px 0 40px 0; 
	clear:both;
}

.body-accounts_admin .content_working table tr th,
.body-accounts_admin .content_working table tr td,
.body-accounts_credential .content_working table tr th,
.body-accounts_credential .content_working table tr td {
	padding:10px;	
	vertical-align:top;
	color:#666666;
	padding-left:10px;
}

.body-accounts_admin .content_working table tr th,
.body-accounts_credential .content_working table tr th{
	color: #393939;
	text-align:right;
}

.body-accounts_admin .content_working form,
.body-accounts_credential .content_working form {
	margin:20px 0;	
}

/*//// Message carte expirée ////*/
.body-accounts_credential .content_working .expired{
	color:#f37c7c;
}

.body-accounts_credential .content_working p.expired{
	padding:10px 10px 10px 34px;
	margin:10px 0 20px 0;
	border-radius:4px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:url(../images/futura/ico-alert-red.png) no-repeat 10px center #ffecec;
	color:#666;
	border:1px solid #f37d7c;
}

.body-accounts_credential .content_working .expiring{
	color:#edc06b;
}

.body-accounts_credential .content_working p.expiring{
	padding:10px 10px 10px 34px;
	margin:10px 0 20px 0;
	border-radius:4px;
	-o-border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	background:url(../images/futura/ico-alert.png) no-repeat 10px center #FFF9DF;
	color:#666;
	border:1px solid #edc06b;
}

/*//// Facture ////*/
.body-accounts_invoices .content_todo {
	clear:both;
}

.body-accounts_invoices .content_working .itemsform .itemslist {
	float:left;
	width:200px;
	margin:0 25px 25px 0;
	padding:0;
}

.body-accounts_invoices .content_working .itemsform li {
	clear:none;
	border-bottom:none;
	padding:0;
}

.invoice-details {
	background:#f9f9f9;
	padding-bottom:6px;
	text-align: center;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

.invoice-details:hover,
.invoice-details:active {
	background:#FFFFFF;	
}

.invoice-details div {
	padding:6px;
}

.invoice-details .invoice-day {
	background: #dfdfdf;
	color: #333333;
    text-shadow: 0 1px 0 #F6F6F6;
    font-weight:bold;
    border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-webkit-border-radius:4px 4px 0 0;
	margin-bottom:6px;
}


/*//// Detail impression ////*/

.invoice-print {
	position:relative;
	border: 1px dotted #CCCCCC;
    padding: 20px;
}

.invoice-print .invoice-number,
.invoice-print .invoice-day {
	
}

.invoice-print .invoice-number {
	margin-top:20px;
	font-weight: bold;
}

.invoice-print .invoice-day {
	top:38px;
}


/* Adresse */
.invoice-print .invoice-address {
	color:#333;
	position: absolute;
	right:20px;
	top: 20px;
	text-align:right;
}

.invoice-print .invoice-address .vcard > div {
	padding:2px 0;
}

.invoice-print .invoice-address .org {
	font-size:1.2em;
	font-weight:bold;
}

.invoice-print .invoice-address .email {
	background:none;
}

.invoice-print .invoice-account {
	margin:50px 0 30px 0;
	position:relative;
}

.invoice-print .invoice-account img {
	width:20px;
	margin-right:10px;
}

.invoice-print .invoice-account .account-name {
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:4px;
}

/* Body */
.invoice-body {
	clear:both;
}

.invoice-body table {
	width:100%;
	border-collapse:collapse;
	margin:20px 0 0px 0; 
	table-layout: fixed;
	text-align: center;
}

.invoice-body table tr th,
.invoice-body table tr td {
	padding:8px 10px;
	border-bottom:1px dotted #efefef;
}

.invoice-body table tr:first-child th,
.invoice-body table tr:first-child td {
	background:url(../images/futura/bg-grey.png) #f6f6f6 repeat-x bottom left;
	color:#333;
	text-shadow:0 1px 0 #f6f6f6;
	border-bottom:none;	
}

.invoice-body table tr:first-child th:first-child,
.invoice-body table tr:first-child td:first-child  {
	border-radius:4px 0 0 0;
    -moz-border-radius:4px 0 0 0;
    -webkit-border-top-left-radius: 4px;
}

.invoice-body table tr:first-child th:last-child, 
.invoice-body table tr:first-child td:last-child {
	border-radius:0 4px 0 0;
    -moz-border-radius:0 4px 0 0;
    -webkit-border-top-right-radius: 4px;
}

.invoice-body table tr .payment-deadline {
	text-align: left;
	font-size: 0.8em;
}

.invoice-body table tr .total {
	background-color: #e3e3e3;
	font-weight: bold;
	font-size: 1.2em;
	padding: 10px 5px;
}

/* Price */
.invoice-price {
	margin-left:590px;
	background:#f9f9f9;
	padding:4px 0 4px 10px;
}

.invoice-price table {
	border-collapse:collapse;
	margin:0; 
	clear:both;
}

.invoice-price table tr th,
.invoice-price table tr td {
	padding:8px 4px;
}

.invoice-price table tr th {
	color: #393939;
	text-align:right;
}

.invoice-price table tr td {
	width:93px;
}

/* Packs */
.pack-descriptions {
	display: inline-block;
	margin-left: 2em;
}

.pack-description ul {
	list-style-type: disc;
}

.pack-description li {
	list-style-type: disc;
	padding: 0;
	margin-left: 1em;
	border: none;
}

.pack-hidden {
	display: none;
}

.accounts.pack, .accounts.users {
	font-size:1.2em;
	margin-bottom: 1ex;
}

.pack-main-description, .pack-pricing-first {
	font-weight: bold;
}

.pack-pricing-last {
	font-style: italic;
}

/* Footer */
.invoice-footer {
	color: #666;
	display : inline-block;
	font-size: .8em;
	margin-top: 60px;
	text-align: center;
	width: 100%;
}

.invoice-footer div.noparking-address {
	text-align: left;
	font-weight: bold;
	margin-left: 10px;
	float: left;
}

.invoice-footer div.noparking-informations {
	text-align: right;
	float: right;
}

.invoice-footer div.noparking-logo {
	float: left;
}

.body-small a.accounts_application_google_login {
	display: block;
	height: 38px;
	line-height: 38px;
	background: #fa2800;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-top-right-radius: 4px 4px 4px 4px;
}