.ftbBody {
	font-family: 'Poppins', sans-serif; 
	height:100%;
	min-height:100%;
	margin:0; 
	padding:0; 
	-webkit-touch-callout:none; 
	user-select: none; 
}
.error { 
    color:red; 
    padding-top:1em;
}
.submenu { 
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	background-color: #0084ff;
}
.submenu li { 	
	float:left;
	margin:0;
	padding:0;
}
.submenu a { 	
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	margin:0;
	padding:0.6em;
}
.submenu a:hover {
	background-color: #02f;
}
.buttonmenu {
	float: right;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: #dc7f27; 
	text-align: center;
}
.buttonmenu li {
	float:right;
	margin:0;
	padding:0
}
.buttonmenu a { 	
	display:block;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	margin:0.5em;
	padding:0.5em;
	font-size:1.0vw;
}
.buttonmenu a:hover {
	background-color: #f15d22;
}
#newmail { 
	display: block;
	margin:0;
	padding:1.0em;
}
.bottommenu { 
	position:fixed;
	bottom:0;
	right:0;
	list-style:none;
	display:none;
	padding:0;
	margin:0;
}
.maillist {
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
}
.maillist li {
	padding:0.5em;
	margin:0;
}
.maillist li:hover {
    background-color:#ff7b00;
}
.maillist .recwhen {
	float:right;
}
.maillist .emailfrom {
    font-weight:bold;
}
header {
	overflow:hidden;
	position:sticky;
	left:0;
	top:0;
	width:100%;
}
.hidden {
    display:none;
}
.mailBody {
    width:100%;
    box-sizing:border-box;
}
#sendMailButton, #newSendMailButton {
    float:right;
    width:32px;
    height:32px;
    margin-right:1em;
}
#cancelMailButton, #newCancelMailButton, #backButton {
	background: none;
	color: inherit;
	border: none;
	padding: 0;
	font: inherit;
	cursor: pointer;
	outline: inherit;
    height:32px;
    margin-top:0.5em;
}
#backButton {
    border:1px solid #f0f0f0;
    margin-bottom:0.5em;
}
.mailButton {
    padding:0.5em;
    width:8em;
}
.subjectLine {
    width:100%;
    font-weight:bold;
    display:block;
    padding:0.5em 0 0.5em 0;
}
#newSubjectContainer {
    display:block;
    overflow:hidden;    /* this container and the hidden overflow setting prevent the 100% width input inside it from creating a horizontal scrollbar */
}
a:link {
	text-decoration: none;
	color: #f0f0f0;
}
a:visited {
	text-decoration: none;
	color: #f0f0f0;
}
a:hover {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}
.cancelButton {
    padding-left:0.5em;
    margin:0.5em 0 0 0;
}
.mailAttachments { 	
	float:left;
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	background-color: #f0f0f0;
}
.mailAttachments li { 	
	float:left;
	margin:0;
	padding:0;
    overflow:auto;
}
.mailAttachments a { 	
	display:block;
	margin:0;
	padding:0.6em;
}
.mailAttachments a:link {
    text-decoration:none;       /* needed to suppress emails with embedded styles */
}
.mailAttachments a:visited {
	text-decoration: none;
	color: #0000CC;
}
.mailAttachments a:hover {
	text-decoration: underline;
}
.mailAttachments a:active {
	text-decoration: underline;
}
.newAttachment {
    width:12em;
    text-align:center;
}
.deleteAttachment {
    float:right;
    margin-left:1em;
    margin-right:1em;
}
#buttonPanel, #newButtonPanel {
    padding:0.5em 0 0.5em 0;    
}
.screencenter {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.loginForm {
    text-align:center;
}
.login {
    text-align:center;
    padding:0.5em 1em 0.5em 1em;
}
#loginSubmit {
    margin-top:1em;
    padding:0.5em;
    font-size:larger;
}
.logoutButton {
    margin-top:1em;
    margin-right:0.5em;
    padding:0.5em;
    font-size:larger;
}
#logoutMessage {
    font-size: larger;
}
.centered {
    text-align:center;
}
.detailsLabel {
    font-weight:bold;
}
#sigblock {
    width:30em;
}
.settingsTitle {
    margin-top:1em;
    font-weight:bold;
}
.settingsSave {
    margin-left:0.5em;
    margin-top:0.5em;
}
.menuEntry {
    margin:0.5em;
}
.smallMessage {
    font-size:smaller;
}
table, th, td {
    border-collapse:collapse;
    padding:0.25em;
    border:1px solid #f0f0f0;
}
[type="file"] {
    height: 0;
    overflow: hidden;
    width: 0;
}
[type="file"] + label {
    background: #f15d22;
    border: none;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: inherit;
    font-weight: 600;
    margin-bottom: 1em;
    margin-top: 1em;
    outline: none;
    padding: 1em;
    position: relative;
    transition: all 0.3s;
    vertical-align: middle;
}
[type="file"]:focus + label,
[type="file"] + label:hover {
    background-color: #f15d22;
} 
[type="file"]:focus + label {
    outline: 1px dotted #000;
}

/* MEDIA REQUESTS MUST BE LAST */
@media screen and (max-width:1000px) {
	.buttontext {
		display:none;
	}
	.buttonmenu a { 	
		padding:1.0em;
	}
	.bottommenu {
		display:block;
	}
}