/* Stripe payment, QR payment, success/cancel and password recovery all use this
   stylesheet, and they all ask for 'FoXE' below. Without these declarations the font
   only showed up on machines that already have it installed (the development desktop):
   mobile downloaded nothing and fell back to the system sans-serif. */
@font-face {
    font-family: 'FoXE';
    src: url(/assets/fonts/FoXE-Regular.woff2) format("woff2"),
         url(/assets/fonts/FoXE-Regular.woff) format("woff"),
         url(/assets/fonts/FoXE-Regular.ttf) format("truetype");
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: 'FoXE';
    src: url(/assets/fonts/FoXE-Bold.woff2) format("woff2"),
         url(/assets/fonts/FoXE-Bold.woff) format("woff"),
         url(/assets/fonts/FoXE-Bold.ttf) format("truetype");
    font-weight: 700;
    font-display: swap;
}

/* version 3.0 table added */
.phppot-container {
	-webkit-font-smoothing: antialiased;
	/*font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;*/
	font-size: .9em;
	color: #1e2a28;
	width: 740px;
	margin: 0 auto;
	padding: 0px 20px 20px 20px;
}

input[type=text].phppot-input, .phppot-container input,
	.phppot-container textarea, .phppot-container select, .phppot-input,
	.phppot-select {
	box-sizing: border-box;
	width: 200px;
	height: initial;
	padding: 8px 5px;
	border: 1px solid #9a9a9a;
	border-radius: 3px;
}

.phppot-container button, .phppot-container input[type=submit] {
	padding: 8px 0px;
	font-size: 1em;
	cursor: pointer;
	border-radius: 3px;
	color: #000;
	font-weight: bold;
	background-color: #ffc72c;
	border-color: #ffd98e #ffbe3d #de9300;
}

.phppot-container button, .phppot-container input[type=submit]:hover {
	background-color: #f7c027;
}

.phppot-container .error {
	padding: 6px 20px;
	border-radius: 3px;
	background-color: #fb817c;
	border: 1px solid #e46b66;
}

.phppot-container .success {
	background-color: #48e0a4;
	border: #40cc94 1px solid;
}


@media all and (max-width: 780px) {
	.phppot-container {
		width: auto;
	}
}

@media all and (max-width: 400px) {
	.phppot-container {
		padding: 0px 20px;
	}
	
	.phppot-container input, .phppot-container textarea, .phppot-container select
		{
		width: 100%;
	}
}

body {
    font-family: 'FoXE', sans-serif;
    color: #333;
    background-image: url("/assets/img/bg.jpeg");
    margin: 0px;
}