/**
 +----------------------------------
 | COLORS
 +----------------------------------
*/
:root {
	--font-family-headings: 'UnifrakturMaguntia';
	--font-family-content: 'Uncial_Antiqua';
	--font-family-cursive: 'Lavishly_Yours';

	--shadow-color: rgb(0,0,0,0.5);
	--background-color: #333333;

	--header-background-color: #000000;
	--header-text-color: #00FF00;

	--footer-background-color: #222222;
	--footer-text-color: #999999;

	--nav-background-color: #111111;
	--nav-text-color: #00FF00;

	--panel-heading-background-color: saddlebrown;
	--panel-heading-text-color: #000000;
	--panel-body-background-color: #EEEEEE;
	--panel-body-text-color: #333333;

	--input-border-color: #666666;
	--input-border-color-active: #666666;
	--input-background-color: #DDDDDD;
	--input-background-color-active: #EEEEEE;
	--input-text-color: #333333;
	--input-text-color-active: #000000;
	--label-text-color: #000000;

	--text-grey: #666666;
	--text-red: #DD0000;
}

/**
 +----------------------------------
 | HELPERS
 +----------------------------------
*/
.text-legal { font-size:0.75em;font-family:'Times',serif; }
.text-hidden, .hidden { display:none; }
.text-justify, .justify { text-align:justify; }
.text-center, .center { text-align:center; }
.text-left, .left { text-align:left; }
.text-right, .right { text-align:right !important; }
.text-middel, .middel { vertical-align:middle; }
.text-top, .top { vertical-align:top; }
.text-bottom, .bottom { vertical-align:bottom; }
.float-right, .pull-right { float:right; }
.float-left, .pull-left { float:left; }
.float-bottom { margin-top:auto; }
.display-block, .block { display:block; }
.display-inline, .inline { display:inline-block; }
.full { width:100%;height:100%; }
.table-equal { width:100%;table-layout:fixed; }
.auto { display:inline-block;width:auto; }
.panel.full { height:calc(100% - var(--gutter) * 2); }
.no-select { -webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none; }
.no-wrap { white-space:nowrap; }
.padded { padding:var(--gutter); }

/**
 +----------------------------------
 | COLORS
 +----------------------------------
*/
html, body { background-color:var(--background-color); }
a:not(.button) { color:var(--header-text-color); }
a:not(.button):hover, .copy-text:hover { color:var(--panel-heading-background-color); }
label { color:var(--label-text-color); }
h1, h2, h3, h4, h5 { color: var(--panel-heading-background-color); }
#header { background-color:var(--header-background-color);color:var(--header-text-color);text-shadow:0px 0px 5px var(--shadow-color); }
#header a { color:var(--header-text-color); }
#left { background-color:var(--nav-background-color);color:var(--nav-text-color); }
#footer { background-color:var(--footer-background-color);color:var(--footer-text-color); }
.panel { background-color:var(--panel-body-background-color);color:var(--panel-body-text-color);border-color:var(--panel-heading-background-color); }
.panel { box-shadow:0 5px 10px -5px var(--shadow-color); }
.panel .panel > .panel-heading { background-color:var(--background-color);color:var(--header-text-color); }
.panel .panel { border-color:var(--background-color); }
.panel-heading { background-color:var(--panel-heading-background-color);color:var(--panel-heading-text-color); }
.input, .button { border-color:var(--input-border-color);background-color:var(--input-background-color);color:var(--input-text-color); }
.input:focus, .button:hover { border-color:var(--input-border-color-active);background-color:var(--input-background-color-active);color:var(--input-text-color-active); }
.input.disabled { background-color:var(--background-color); }
.modal { background-color:var(--shadow-color); }
.modal-dialog { background-color:var(--background-color);border:1px solid var(--input-border-color);box-shadow:0 10px 20px var(--shadow-color); }
.modal-header { border-bottom:1px solid var(--input-border-color); }
.modal-footer { border-top:1px solid var(--input-border-color); }
.modal-close { color:var(--text-grey); }
.modal-close:hover { color:var(--text-red); }
#nav .fa { color:rgba(0,0,0,0.35); }
#nav li.selected > .fa { color:black; }
.data-table tbody { background-color:var(--background-color); }
.data-table th { color:var(--panel-heading-background-color);border-color:var(--panel-heading-background-color); }
.data-table td { border-color:var(--text-grey); }
.data-table tbody tr:hover { background-color:var(--panel-body-background-color);color:var(--panel-body-text-color); }
.data-table tbody tr:hover td { border-color:var(--panel-body-text-color); }
.dropdown-options { background-color:var(--background-color); }
.dropdown-option:hover { background-color:var(--panel-body-background-color); }

/**
 +----------------------------------
 | FONTS
 +----------------------------------
*/
body {
	font-family: var(--font-family-content), sans-serif;
}
h1, h2, h3, h4, h5, #header, .panel-heading {
	font-family: var(--font-family-headings), serif;
	font-style: normal;
	font-weight: 400;
	line-height: 1.5em;
	text-transform: lowercase;
	font-size: 2em;
}
.panel .panel > .panel-heading {
	line-height: 1.5em;
}
html, body, input {
	line-height: 1.5em;
}
.cursive {
	font-family:var(--font-family-cursive), cursive;
}

/**
 +----------------------------------
 | CONTROLLERS/METHODS
 +----------------------------------
*/
.api-docs span { padding:0px 2px; }
.api-docs b { color:var(--panel-heading-background-color); }
.api-docs pre { margin:0px;font-weight:bold; }