html
{
	background-color: #DDD;
}

body
{
	font-family: arial;
	background-color: white;	
	padding: 30px;
	font-size: 35px;
	text-size-adjust: none;
	
	/*max-width: 1024px;
	margin-left: auto;
	margin-right: auto;*/	
}

p
{
	margin-top: 40px;
	margin-bottom: 40px;
}

label
{
	display: block;
}

/* Bug: autofill pseudo-classes don't take font-size in account */
input,
input:autofill,
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea
{
	border: 1px solid black;
	font-size: 55px; /* Hack. Navigator's "agent" style for input overrides the body's one */
}

/* HACK: We need to chain 'disabled' and 'button-style-2' otherwise the latter overide the bg color */
input:disabled, .disabled, .disabled.button, .disabled.button-style-2
{
	background-color: gray;
}

/* Hack for IOS: file input become very small without this */
input::file-selector-button
{
	height: 80px;
	font-size: 60px;
}

.success
{
	color: #82b102;
	font-weight: bold;
}

/* TODO: Rename 'error' to 'alert' */
.error
{
	color: red;
	font-weight: bold;
}

.button 
{
	font-size: 35px;
	
    background-color: #4E9CAF;
    text-align: center;
    border-radius: 50px;
    color: white;
    font-weight: bold;
	text-decoration: none;
	border: solid 1px black; /* For border color, use a darker shade of the background color instead of black. */
	
	width: 100%;
	//height: 70px;
	line-height: 140px;
	
	margin-top: 42px;
	margin-bottom: 42px;
}

.button a
{
	color: white;
	text-decoration: none;
}

.loading-anim-btn
{
	margin-bottom: -35px;
	margin-left: 10px;
}

.button-style-2
{
	background: #98CE00;
}

.button-style-critical
{
	background: #900;	
}

.button-small
{
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

.button-price
{
	color: #478d9e;
	/*border: 1px solid black;
	padding: 10px;*/
}

h1 
{
	text-align: center;
	font-size: 60px;
	margin-top: 30px;
	margin-bottom: 60px;
	
	background-color: #DDD;
	
	padding: 30px 0px 30px 0px;
	margin-top: 10px;
	border: 1px solid #111;
}

h2
{
	font-size: 51px;	
	color: #666;
}

a 
{
	color: black;
	text-decoration: none;
    -webkit-user-select: none; /* disable selection/Copy of UIWebView */
    
    /* We already disabled "links preview" through Swift's 'WebView::allowsLinksPreview' */
    /*-webkit-touch-callout: none; /* disable the IOS popup when long-press on a link */
}

/* Hack: We do that so the list items sub text are not underlined */
.link
{
	text-decoration: underline;
}

.empty-list-notice
{
	font-weight: bold;
	font-size: 83px; /* Hack: We need a big enough text otherwise the rest of the page's layout becomes strangely small */
	border: 2px dashed #4E9CAF;
	padding: 30px;
	text-align: center;
	color: #666;
	
	margin-top: 50%;
	margin-bottom: 50%;
}

.list-thumb
{
	width: 100%;
	margin-bottom: 30px;
}

ul {
  list-style-type: none;
  padding: 0px;
  margin-top: -40px;
}

li {
	margin-top: 130px;
	margin-bottom: 130px;
	
	text-align: center;	
}

.notice
{
	border: 2px dashed black;
	padding: 30px;
	margin-top: 70px;
	margin-bottom: 70px;
	
	background-color: #EEE;
}

.item-title
{
	text-decoration: underline;
}

.list-separator
{
	padding-bottom: 0px; /* center the line vertically in its parent */
	margin-top: 0px;
	margin-bottom: 0px;
}

.list-separator img
{
	width: 50%;
	height: 4px;
}

.list-item .author/*, .list-item .status*/
{
	margin: 15px;
}

.list-item .price .number
{
	font-weight: bold;
}

.product-details .thumb, .product-details .product-id, .product-details .author, .product-details .dimensions, .product-details .shooting-date, .product-details .status
{
	margin-top: 17px;
	margin-bottom: 17px;
}

/*.product-details .status
{
	margin-top: 30px;
	margin-bottom: 30px;
}*/

.price
{
	font-size: 55px;		
	margin-top: 45px;
	margin-bottom: 55px;
	color: #478d9e;
}

.product-details .price .number
{
	font-weight: bold;
}

#home-logo
{
	font-size: 87px;
}

/*** Product Status ***/
.status /*.label*/
{
	display: inline-block;
	padding: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	border: 1px solid #555;
}

.product-status-CREATED
{
	background-color: #EEE;
}

.product-status-WAITING_FOR_BADGE_CREATION
{
	background-color: #ffe6ff;
}

.product-status-WAITING_FOR_PRINTING
{
	background-color: #dfbf9f;
}

.product-status-FOR_SALE
{
	background-color: #b3ffff;
}

.product-status-SELL_CONTRACT_SIGNED
{
	background-color: #ffff99;
}

.product-status-REPAID
{
	background-color: #00cc00;
}

/*** Buyer > Product for Sale ***/
#buy-btn
{
	margin-top: 80px;
	margin-bottom: 80px;
}

#num-parts-repaid
{
	font-size: 46px;
	text-align: center;
	margin-bottom: 70px;
	color: #478d9e;
}

.scanner-notice
{
	text-align: center;
}

.scan-nfc-anim
{
	display: block;
	margin-left: 17%;
	margin-right: 3%;
	width: 80%;
	display: none; /* We hide by default to avoid a flickering glitch when the page loads */
}

.etherscan-delay-notice
{
	font-style: italic;
	color: #666;
	margin-top: 60px; /* HACK: We add extra margin cause the current layout doesn't look so good */	
}