body,html
{
	background: #000000;
}

body
{
	color: #00FF00;
	/*font-family: Courier New;*/
	font-family: "Fira Code", "Consolas", "Courier New", Courier, monospace;
	font-size: 1em;
}

.wrapper {
	width: 98%;
	height: 50%;
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        position: absolute;
}
.top
{
	margin: auto;
	top: 95%;
}

video
{
	position: absolute;
	width: 720px;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.blur {
    width:100%;
    height:100%;
    position: absolute;
    background-image:url('/images/globe_west_920.jpg');
    background-size:cover;
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -ms-filter: blur(4px);
    -o-filter: blur(4px);
    filter: blur(4px);
    top: 97%;
}

.content{
    position: absolute;
    width:100%;
    height:100%;
}

.transPane
{
    background-color: #000000;
    width: 50%;
    border: 0.01em solid #00ff00;
    opacity: 0.5;
    position: absolute;
    top: 50%;
    left: 25%;
    filter: alpha(opacity=50);
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    top: -25%;
}

.transPaneContent
{
    padding: 1em;    
}

.transPaneTitle
{
    border-bottom: 0.01em solid #00ff00;
    padding: 0.25em;
    font-weight: bold; 
}

.padded
{
    padding: 1em;
}

input[type=button], input[type=submit]
{
    color: #00ff00;
    background-color: #000000;
    border: 0.01em solid #00ff00;
    opacity: 0.5;
    filter: alpha(opacity=50);
    padding: 0.6em;
    cursor: pointer;
    font-family: Courier New;
    font-size: 1em;
}

input[type=button]:hover, input[type=submit]:hover
{
    color: #00ff00;
    background-color: #333333;
    border: 0.01em solid #00ff00;
    opacity: 0.5;
    filter: alpha(opacity=50);
    padding: 0.6em;
    font-family: Courier New;
    font-size: 1em;
}

.left-header-cell {
    border-top: 0.01em solid #00ff00;
    border-bottom: 0.01em solid #00ff00;
    border-left: 0.01em solid #00ff00;
    border-right: 0.01em solid #00ff00;
}

.header-cell {
    border-top: 0.01em solid #00ff00;
    border-bottom: 0.01em solid #00ff00;   
    border-right: 0.01em solid #00ff00;
}

.left-cell {    
    border-bottom: 0.01em solid #00ff00;
    border-left: 0.01em solid #00ff00;
    border-right: 0.01em solid #00ff00;
}

.regular-cell {    
    border-bottom: 0.01em solid #00ff00;    
    border-right: 0.01em solid #00ff00;
}

.regular-cell-top {
    border-top: 0.01em solid #00ff00;
}

.data-table {
    display: table;
    width: 100%;
    margin-left: auto;
    margin-right: auto;        
}

.data-row {
    display: table-row;
    padding: 1em;    
}

.data-cell {
    display: table-cell;
    background-color: #333333;
    opacity: 0.75;
    filter: alpha(opacity=75);
    padding: 1em;
}

.data-cell-header {
    display: table-cell;
    background-color: #333333;
    opacity: 0.90;
    filter: alpha(opacity=90);
    padding: 1em;
}

.left-aligned {
    text-align: left;
}

.center-aligned {
    text-align: center;
}

.right-aligned {
    text-align: right;
}

.header {
    font-weight: bold;
}

.border-bottom
{
    border-bottom: 0.01em solid #00ff00;
}

.buffer-bottom
{
    padding-bottom: 1em;
}

.buffer-top
{
    padding-top: 1em;
}

a
{
    color: #006600;
}

a:hover
{
    color: #00ff00;
}

.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate
{
    color: #00ff00;
}

.dataTables_wrapper .dataTables_paginate .paginate_button
{
    color: #00ff00 !important;
}

.invert-range
{
    direction: rtl;
}