* {
	font: 15px/1.6 Verdana, 'Geneva CE', lucida, sans-serif;
	color:#333333;
	margin:0px;
	padding:0px;
}

body {
	width: 100%;
	min-height: 100%;
	box-sizing: border-box;
}

a,a:visited {
	color:#006aeb;
	text-decoration:none;
	padding:3px 1px;
}

#content table thead span, #content table thead a {
	font-weight:bold;
	color:black;
}

#content table thead a:hover {
	background:none;
	text-decoration:underline;
	color:black;
}

a:hover {
	color:white;
}

h1 {
	font-size:1.9em;
	font-weight:normal;
	background:white;
	color:#1e5eb6;
	border-bottom:1px solid #f4f4f4;
	padding:20px;
	margin:0px;
}

#menu h1 {
    padding: 1em 0 0.5em 0;
	background:none;
}

#menu h1 a#h1 {
    font-size: 1em;
    color: #585858 !important;
}

h2,h3 {
	font-size:1.5em;
	font-weight:normal;
	background:white;
	color:#1e5eb6;
	border-bottom:1px solid #f4f4f4;

	padding:20px 0px;
	margin:0px;
}

fieldset {
	padding:5px;
	border:1px solid #f4f4f4;
}

input,select,textarea {
	border:1px solid #e5e5e5;
	margin:1px;
	padding:3px;
}

input[type=submit] {
	color:white;
	background:#3390e6;
	padding:3px 10px;
	cursor:pointer;
	border:0px solid;
}

input[type=submit]:hover{
	background:blue;
}

input[type=checkbox]{
	margin-right:5px;
}

input[type=image] {
	border:1px solid #d0cdc4;
}

input[type=checkbox],input[type=radio]{
	border:1px solid #e5e5e5;
	padding:2px 5px;
}

code{
	background:#f0ffe1;
	border:1px dashed #d5f1b9;
	padding:2px 4px;
	font-family:"Courier New";
}
code a:hover{background:transparent}

table{
	margin:10px 0px;
	border:1px solid #d0cdc4;
	border-collapse:collapse;
}

tbody tr:hover td,tbody tr:hover th{
	background:#edf4ff
}

thead th, thead td {
	text-align:center;
	vertical-align:middle;
	font-weight:bold;
	white-space:nowrap;
	background:#f2eee1;
	color:#808080;
}

th,td{
	border:1px solid #d0cdc4;
	padding:3px 6px;
	vertical-align:top;
}

th a {
	font-weight:bold;
	padding-bottom:0px;
}

th {
	background:white;
}

tr.odd td {
	background:#fcfaf5;
}

#content tbody tr.checked td, tr.checked.odd td {
	background:#fbe2e2;
	color:red;
}

.hidden{
	display:none
}

.error,.message{
	padding:0px;
	background:transparent;
	font-weight:bold
}

.error{
	color:#c00
}

.message{
	color:#090
}

#content{
	margin:0px 0px 0px 430px;
	padding:50px 20px 40px 0px;
	height:100%;
}

#lang {
	background:#326de6; /* #f2eee1 */
	color: white;
    font-size: large;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	padding:10px 20px;
	z-index:1;
}

#breadcrumb {
	position: fixed;
    font-size: medium;
	top:0px;
	left:300px;
	background:#326de6;
	color: white;
    font-weight: bold;
	z-index:2;
	width:100%;
	padding:10px;
}

#breadcrumb > a {
  font-size: medium;
  color: wheat;
}

#menu {
	background:#fcfaf5;
	position:fixed;
	top:-10px;
	padding:20px;
	padding-top:40px;
	bottom:0px;
	overflow:auto;
	left:0px;
	width:400px;
	border-right:5px solid #f2eee1;
}

#schema .table {
	padding:5px;
	background:#fcfaf5;
	border:1px solid #d0cdc4;
}

#schema .table b {
	color:#006aeb;
	font-weight:bold;
	text-decoration:underline;
}

#schema .table b:hover {
	color:white;
}

select[name=ns] {
	margin-top: 15px;
}

#logins,
#tables {
	margin: 0.7em -20px -20px;
	overflow: auto !important;
}

#logins:hover,
#tables:hover {
	overflow: auto !important;
}

#logins a, #tables a { 
    color: #006aeb;
	background:none;
    font-size: 16px;
}

#logins a:hover, #tables a:hover { 
    color: #002451;
    background: none;
}

.js .column {
	background:#f2eee1;
}

#content table thead a.text:hover {
	text-decoration:none;
}

#version, .version {
	font-size: 16px;
}

#content,
#menu,
.rtl #content,
.rtl #menu {
	box-sizing: border-box;
}

#content {
	order: 2;
	flex: 1 1 auto;
	max-width: calc(100% - 20em);
}

#content,
.footer {
	background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 340.6 491.8' width='56px' height='81px'%3E%3Cpolygon fill='%2370a37f' fill-opacity='0.05' points='229.9,208.7 170.5,243 111,208.7 111,140 170.5,105.7 229.9,140'/%3E%3Cpolygon fill='%2370a37f' fill-opacity='0.05' points='0,305.3 59.5,339.6 59.5,408.3 0,442.6'/%3E%3Cpolygon fill='%2370a37f' fill-opacity='0.05' points='342.8,442.6 283.3,408.3 283.3,339.6 342.8,305.3'/%3E%3Cpolygon fill='%2379b473' fill-opacity='0.05' points='91.6,0 0,52.9 0,0'/%3E%3Cpolygon fill='%2379b473' fill-opacity='0.05' points='340.6,0 340.6,52.9 248.8,0'/%3E%3Cpolygon fill='%2379b473' fill-opacity='0.05' points='21.4,264.6 102.8,311.6 102.8,431.7 -1.2,491.8 0,544.5 149.7,458.1 149.1,285.1 68.2,236.7 68.2,116.6 172.2,56.5 276.2,116.6 276.2,236.7 192.5,285 192.5,337.1 192.5,337.1 192.5,458.1 342.2,544.5 341,491.8 237,431.7 237,311.6 320.8,263.3 320.8,90.2 171.1,3.8 21.4,90.2'/%3E%3C/svg%3E") fixed;
}

@supports (-ms-ime-align: auto) {
	.footer {
		background: #fff;
	}
}

.scrollable {
	overflow: auto;
}

input, select, textarea {
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border-radius: .4em;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

td > input.icon[type=image] {
	border: 1px transparent;
	width: auto;
    height: 18px;
    padding: 8px;
}

td > input.icon[type=image][name^=drop_col] {
	background-color: rgb(255, 82, 82);
}

td > input.icon[type=image][name^=drop_col]:hover {
    background-color: red;
}

td > input.icon[type=image][name^=add] {
    background-color: rgb(57, 183, 57);
}

td > input.icon[type=image][name^=add]:hover {
    background-color: green;
}

input[name=logout] {
	position: fixed;
	z-index: 3;
	right: 20px;
	padding: 0.5% 1%;
	border-radius: .3em;
	color:#fce2e2;
	background:#d73e3e;
}

input[name=logout]:hover {
	background:#ea0202;
}

select[name=lang] {
    padding: .375rem 0 .375rem 0;
}