html
{
	height: 100%;
}

body
{
/*	height: 100%; */
	font: 12px arial, helvetica, sans-serif;
/*
	background-position: 0px 5px, 10px 0px, 0px 10px, 10px 5px, 0% 0%, 0% 0%;

	background-image: linear-gradient(27deg, rgb(27, 64, 91) 5px, transparent 5px), linear-gradient(207deg, rgb(27, 64, 91) 5px, transparent 5px), linear-gradient(27deg, rgb(40, 77, 104) 5px, transparent 5px), linear-gradient(207deg, rgb(40, 77, 104) 5px, transparent 5px), linear-gradient(90deg, rgb(33, 70, 97) 10px, transparent 10px), linear-gradient(rgb(35, 72, 99) 25%, rgb(34, 71, 98) 25%, rgb(34, 71, 98) 50%, transparent 50%, transparent 75%, rgb(44, 81, 108) 75%, rgb(44, 81, 108));
	background-attachment: scroll, scroll, scroll, scroll, scroll, scroll;
	background-repeat: repeat, repeat, repeat, repeat, repeat, repeat;
	background-size: 20px 20px;
	background-origin: padding-box, padding-box, padding-box, padding-box, padding-box, padding-box;
	background-clip: border-box, border-box, border-box, border-box, border-box, border-box;
	background-color: rgb(25, 62, 89);
*/
}

/* Page elements */
div.pagewrapper_outer
{
    width: 100% !important;
    height: 100%;
    position: relative;
}

div.pagewrapper
{
    width: 80% !important;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

div.header-wrapper
{
    clear: both;
    width: 100%;
    height: 170px;
}

/*
Add transition to containers so they can push in and out.
*/
#content-wrapper,
#menu,
.menu-link {
	-webkit-transition: all 0.2s ease-out;
	-moz-transition: all 0.2s ease-out;
	-ms-transition: all 0.2s ease-out;
	-o-transition: all 0.2s ease-out;
	transition: all 0.2s ease-out;
}

/*
This is the parent `<div>` that contains the menu and the content area.
*/
div.content-wrapper
{
    clear: both;
    width: 100%;
    height: calc(100% - 200px);
	position: relative;
	left: 0;
	padding-left: 0;
    padding-bottom: 30px;
}

div.content-wrapper input[type="text"]
, div.content-wrapper input[type="password"]
, div.content-wrapper select
, div.content-wrapper textarea
, .ui-widget input[type="text"]
, .ui-widget input[type="password"]
, .ui-widget select
, .ui-widget textarea
{
	color: #000;
}

#content-wrapper.active #menu {
	left: 200px;
	width: 20,0px;
}

.switch *
{
	cursor: pointer;
}

.switch input
{
	opacity: 0;
	position: absolute;
	z-index: -1;
}
.switch span
{
	position: relative;
	display: inline-block;
	width: 20px; height: 10px;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 100px;
	transition: all .5s;
	box-shadow: 1px 2px 3px rgba(0,0,0,0.1) inset;
}

.switch span:after
{
	content: "";
	position: absolute;
	background-color: #fff;
	top: 0; left: 0;
	height: 8px; width: 8px;
	border: 1px solid #ddd;
	border-radius: 400px;
	box-shadow: 1px 1px 3px rgba(0,0,0,0.1);
	-webkit-transition: all .2s;
}

.switch input:checked + span
{
	background-color: teal;
	border-color: teal;
	transition: all .5s;
}

.switch input:checked + span:after
{
	left: 50%;
	transition: all .2s;
}

div.content-wrapper table
{
	color: #000;
}

div.footer-wrapper
{
    clear: both;
    width: 75%;
    height: 20px;
    position: fixed;
    bottom: 0px;
    border-top: 2px solid #01578f;
    padding-top: 4px;
    color: #aaa;
}

/* Header layout */
div.header-logo
{
	float: left;
	margin-right: 30px;
}

div.header-title
{
	float: left;
	color: #f0f0f0;
    height: 30px;
    font-weight: bold;
    font-size: 30px;
    padding-top: 80px;
}

div.footer-left
{
	float: left;
	width: 60%;
}

div.footer-right
{
	float: right:
	width: 40%;
}

/* Navigation layout options */
div.content-nav-top
{
    clear: both;
    width: 100%;
    height: 50px;
}

div.content-nav-left
{
    width: 140px;
    height: 100%;
    padding-left: 20px;
}

div.content-nav-right
{
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100px;
    height: 100%;
    padding-left: 20px;
}

div.content-nav-bottom
{
    clear: both;
    width: 100%;
    height: 50px;
}

/* Content layout options */
div.content
{
    width: 100%;
    height: 100%;
    position: relative;
}

div.content-no-nav
{
    position: absolute;
    top: 0px;
    left: 0px;
    bottom: 26px;
    width: 100% !important;
}

div.content-leftonly-nav
{
    height: 100%;
}

div.content-rightonly-nav
{
    position: absolute;
    top: 0px;
    left: 0px;
    right: 120px;
    height: 100%;
    overflow-y: scroll;
}

div.content-both-nav
{
    position: absolute;
    top: 0px;
    left: 160px;
    right: 120px;
    height: 100%;
    overflow-y: scroll;
}

div.global-trace {
	height: 150px;
	overflow: auto;
}

div.global-error {
	height: 150px;
	overflow: auto;
}

div.view-title, div.edit-title, div.list-title
{
	color: #fff;
	text-align:center;
	font-weight: bold;
	font-size: 1.25em;
}

div.error-message
{
	color: #ff0;
	font-weight: bold;
	padding-bottom: 10px;
}

.custom-restricted-width
{
	display: inline-block;
}

.button-success,
.button-error,
.button-warning,
.button-secondary
{
	color: white;
	border-radius: 4px;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

.button-primary,
.button-success
{
	background: rgb(28, 184, 65); /* this is a green */
}

.button-error
{
	background: rgb(202, 60, 60); /* this is a maroon */
}

.button-warning
{
	background: rgb(223, 117, 20); /* this is an orange */
}

.button-secondary
{
	background: rgb(66, 184, 221); /* this is a light blue */
}

input
{
	color: black;
}

input:read-only, input:-moz-read-only
{
	background-colour: #d0d0d0;
}

li.submenu1
{
	padding-left: 20px;
}

.pure-menu-link:hover, .pure-menu-selected
{
	border-radius: 4px;
}

.pure-menu-link:active, .pure-menu-link:visited, .pure-menu-link:link
{
	color: #aaa;
}

.pure-menu-link:hover
{
	color: #000;
	font-weight: bold;
}

.pure-menu-selected .pure-menu-link:active, .pure-menu-selected .pure-menu-link:visited, .pure-menu-selected .pure-menu-link:link
{
	color: yellow;
	font-weight: bold;
}

.pure-menu-selected .pure-menu-link:hover
{
	color: red;
	font-weight: bold;
}

.pure-form label
{
	color: #e0e0e0;
}

.pure-table td
{
	background-color: #d1d1d1;
}

/* Suggested Search box settings */
.suggest_link
{
	background-color: #fff;
	padding: 2px 6px;
}

.suggest_link_over
{
	background-color: #3366cc;
	padding: 2px 6px;
}

#search_suggest
{
	position: absolute;
	background-color: #fff;
	text-align: left;
	border: 1px solid #000;
}

*::-webkit-input-placeholder
{
	color: #aaa;
}

*:-moz-placeholder
{
	color: #aaa !important;
	opacity: 1;
}

*::-moz-placeholder
{
	color: #aaa !important;
	opacity: 1;
}

*:-ms-input-placeholder
{
	color: #aaa !important;
}

*::-ms-input-placeholder
{
	color: #aaa !important;
}

*::placeholder
{
	color: #aaa !important;
}

table a:link, table a:active, table a:visited, table a:hover
{
	text-decoration: none;
	color: #0072bb;
}

/* Default file upload progress bar */
#progress .bar {
    height: 18px;
    background: green;
}

/*
The `#menu` `<div>` is the parent `<div>` that contains the `.pure-menu` that appears on the left side of the page.
*/

#menu {
	width: 200px;
	z-index: 1000;
	-webkit-overflow-scrolling: touch;
}

/*
`.menu-link` represents the responsive menu toggle that shows/hides on small screens
*/
.menu-link {
	position: fixed;
	display: block; /* show this only on small screens */
	top: 190px;
	left: 0; /* "#menu width" */
	background: #000;
	background: rgba(0,0,0,0.7);
	font-size: 10px; /* change this value to increase/decrease button size */
	z-index: 10;
	width: 2em;
	height: auto;
	padding: 2.1em 1.6em;
}

.menu-link:hover,
.menu-link:focus {
	background: #000;
}

.menu-link span {
	position: relative;
	display: block;
}

.menu-link span,
.menu-link span:before,
.menu-link span:after {
	background-color: #fff;
	width: 100%;
	height: 0.2em;
}

.menu-link span:before,
.menu-link span:after {
	position: absolute;
	margin-top: -0.6em;
	content: " ";
}

.menu-link span:after {
	margin-top: 0.6em;
}

div.form-header {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

/* For hiding close button on jQuery dialog */
.no-close .ui-dialog-titlebar-close {
  display: none;
}