html,body {
    margin: 0; padding: 0; overflow: auto;
    background: #17181A; color: #AAABAD;
}
* {
	box-sizing: border-box;
    font-family: "Droid Sans", "Liberation Sans", "DejaVu Sans", "Segoe UI", Sans;
	font-size: 10pt;
	margin: 0; padding: 0;
}
*:focus { outline: none !important; }

a:link, a:visited { color: #AAABAD; text-decoration: none; }
a:hover, a:active { color: #A4E35A; }

iframe {
	width: 100%; height: 100%;
	border: 0;
}

input[type="text"], input[type="password"] {
	background: #27282B; color: #CECFD1;
	border: 0; padding: 4px;
    border-bottom: 2px solid #606163;
}

textarea {
	width: 100%; height: 100%; min-height: 100px;
	background: #27282B; color: #CECFD1;
	border: 0; padding: 4px;
	resize: none;
}
input[type="button"],
input[type="submit"] {
	background: #27282B; color: #CECFD1;
	border: 0; padding: 4px 16px;
	transition: .2s ease;
	cursor: pointer; height: 32px;
}
input[type="button"]:hover, input[type="submit"]:hover {
	background: #84BD3F; color: #111113;
}
//input[type="file"] { width: 100%; height: 100%; background: #27282B; }
#filesel {
    display: block; text-align: center;
    background: #27282B; cursor: pointer;
    width: 100%; height: 100%; vertical-align: middle;
}

.tbl { display: table; width: 100%; height: 100%; }
.tbl-tr { display: table-row; }
.tbl-td { display: table-cell; vertical-align: top; }

.tbl .left { width: auto; }
.tbl .right { width: 300px; }
.tbl .content { height: 100%; }
.tbl .fr { text-align: right; }
.tbl .sep { width: 16px; height: 16px; }
.tbl .stretch { width: 100%; height: 100%; }