@charset "utf-8";

body {
	font-family: Helvetica, Arial, sans-serif;
	background-color: #bebebe;
	color: #4F4F4F;
    background-image: url('../images/bg.png');
    background-repeat: repeat-x;
}

/*----- h1, h2, h3, h4, h5, h6 ----- */
h1, h2 {
	background: none;
	margin: 0;
	padding: 0;
	height: 65px;
    line-height: 65px;
    border: none;
}
h1 {
	padding-left: 0.8em;
}
h2 {
    border: none;
    text-shadow: 0 1px white;
}
h1 a, h1 strong {
	font-size: 0.8em;
	font-style: italic;
}
h1 strong {
	font-family: Trebuchet MS;
	color: #000;
}
h1 strong .red {
	color: #CE181E;
}
h1 .version {
	font-size: 0.5em;
}
h3 {
	font-weight: normal;
	background-repeat: repeat-x;
	background-position: 0 100%;
	border-bottom: 1px solid #D8D8D8;
	background-image: url('../images/contentheader.png');
	padding: 1em 0 0.5em 0;
    color: #4B4B4B;
    text-shadow: 0 1px 0 #D8D8D8;
}

a:hover {
	text-decoration: none;
	color: #CE181E;
}

/*----- tables -----*/
table {
	background-color: #fff;
	border: 1px solid #818181;
	box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
}
td, th {
	background: #fff;
	border: none;
	padding: 0.5em 0.8em;
}
thead td a, thead th a {
	color: #fff;
}
.odd td, .odd th {
	background: #f6f6f6;
}
thead td, thead th {
	background-color: #535353;
	color: #fff;
}
tbody tr:hover td, tbody tr:hover td, tbody tr:hover th {
	background: #eaeaea;
}
.js .checked td, .js .checked th {
	background: none;
}
.js tbody .checked td, .js tbody .checked th {
	background: #ddd;
}
.js thead .checked td, .js thead .checked th {
	background-color: #535353;
}

/*----- forms, inputs -----*/
input[type="submit"] {
	color: #fff;
	background-color: #7FD301;
	cursor: pointer;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
    padding: 2px 6px 2px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: thin solid #348200;
    text-shadow: 0px 1px 0px rgba(0, 0, 0, .5);

    background-image: -moz-linear-gradient(top, #7FD301, #348200);
    background-image: -ms-linear-gradient(top, #7FD301, #348200);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7FD301), to(#348200));
    background-image: -webkit-linear-gradient(top, #7FD301, #348200);
    background-image: -o-linear-gradient(top, #7FD301, #348200);
    background-image: linear-gradient(top, #7FD301, #348200);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7FD301', endColorstr='#348200', GradientType=0);
}
input[type=submit]:hover {
    background-image: -moz-linear-gradient(top, #8EE700, #348200);
    background-image: -ms-linear-gradient(top, #8EE700, #348200);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#8EE700), to(#348200));
    background-image: -webkit-linear-gradient(top, #8EE700, #348200);
    background-image: -o-linear-gradient(top, #8EE700, #348200);
    background-image: linear-gradient(top, #8EE700, #348200);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8EE700', endColorstr='#348200', GradientType=0);
}

/* layout */
#menu {
	width: 25em;
	margin: 0;
	top: 0;
    margin-top: 60px;
}
#menu p {
	background-image: url("../images/contentheader.png");
	background-position: 0 100%;
	background-repeat: repeat-x;
	border-bottom: 1px solid #D8D8D8;
	margin-right: 1.5em;
}
#content {
	margin-left: 25em;
	padding: 0;
	margin-top: 60px;
}
#breadcrumb, #lang {
	color: #fff;
	height: 60px;
    text-shadow: 0px 1px #333;
}
#lang {
	left: 1em;
	z-index: 1;
	padding: 0;
}
#breadcrumb {
	left: 25em;
	padding: 0;
	margin: 0;
	background: none;
}
#breadcrumb a {
	color: #fff;
}

p#breadcrumb {
        line-height: 60px;
}

.footer {
        box-shadow: 0 0 0 0 !important;
        border-image: linear-gradient(rgba(255, 255, 255, .2), #fff) 100% 0;
        border-top: 20px solid rgba(255, 255, 255, .7);
        width: 98%;
}

.logout {
        box-shadow: 0 0 2px 2px var(--bg) !important;
        padding: 4px;
}

.logo-adminer {
        vertical-align: middle;
        height: 1.5em;
}

.logo-adminer-description {
        vertical-align: middle;
        margin-left: 0.3em;
}

/*----- RTL version -----*/
.rtl #content {
	margin-right: 25em;
	padding: 0;
	margin-top: 0;
}
.rtl #breadcrumb {
	right: 25em;
	padding: 0;
	margin: 0;
	background: none;
}
.rtl #menu p {
	margin-left: 1.5em;
}
.rtl h1 {
	padding-right: 0.8em;
}
.rtl #lang {
	right: 1em;
}