/** * Contao Open Source CMS * * Copyright (C) 2005-2014 Leo Feyer * * @package Check * @link    https://contao.org * @license http://www.gnu.org/licenses/lgpl-3.0.html LGPL */
/* Contao 3 reset style sheet */
body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, ol, ul, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea {
	margin: 0;
	padding: 0
}
table {
	border-spacing: 0;
	border-collapse: collapse
}
caption, th, td {
	text-align: left;
	text-align: start;
	vertical-align: top
}
abbr, acronym {
	font-variant: normal;
	border-bottom: 1px dotted #666;
	cursor: help
}
blockquote, q {
	quotes: none
}
fieldset, img {
	border: 0
}
ul {
	list-style-type: none
}
sup {
	vertical-align: text-top
}
sub {
	vertical-align: text-bottom
}
del {
	text-decoration: line-through
}
ins {
	text-decoration: none
}

input, button, textarea, select {
	font-family: inherit;
	font-size: 99%;
	font-weight: inherit
}
pre, code {
	font: 12px Monaco, monospace
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: bold
}
h1 {
	font-size: 22px
}
h2 {
 font-size: 1.1rem;
}
h3 {
	font-size: 18px
}
table {
	font-size: inherit
}
caption, th {
	font-weight: bold
}
a {
	color: #00f
}
h1, h2, h3, h4, h5, h6 {
	margin-top: 1em
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, table, ol, ul, form {
	margin-bottom: 11px
}
/* Contao stylect */
.styled_select {
	display: inline;
	position: absolute;
	margin-top: -12px;
	background: #fff;
	border-radius: 3px;

	text-align: left;
	line-height: 20px;
	white-space: nowrap;
	overflow: hidden;
	min-width: 200px;
	padding: 5px 6px 6px;
	border: 1px solid #aaa;
	border-radius: 2px;

}
.styled_select.folder {
	min-width: 371px;
}
.styled_select.focused {
	background-color: #ebfdd7;
}
.styled_select.disabled {
	color: #bbb;
	background-color: #f9f9f9;
	border: 1px solid #c8c8c8
}
.styled_select b {
	display: block;
	width: 15px;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #b8b8b8;
	background: #eee;
	border-radius: 0 3px 3px 0;
background-image: -moz-linear-gradient(bottom,
#ccc 0,
	#eee 60%);
background-image: -webkit-linear-gradient(bottom,
#ccc 0,
	#eee 60%);
background-image: -o-linear-gradient(bottom,
#ccc 0,
	#eee 60%);
background-image: -ms-linear-gradient(bottom,
#ccc 0,
	#eee 60%);
background-image: linear-gradient(bottom,
#ccc 0,
	#eee 60%)
}
.styled_select b i {
	display: block;
	width: 100%;
	height: 100%;
	background: url("select.gif") center center no-repeat;
}
/* Contao buttons */
.button {
	background: #77ac45;
	color: #fff;
	border: 1px solid rgb(80, 123, 40);
	padding: 5px 12px 7px 12px;
	border-radius: 2px;
	box-sizing: border-box;
	cursor: pointer;
	transition: background .2s ease;
}
.button:hover {
	text-decoration: none;
	background-position: 0 -15px!important
}
.button:active {
	background-color: #e6e6e6;
	background-position: 0 -30px!important
}
.button.orange {
	background-color: #f89406;
background-image: -moz-linear-gradient(top,
#fbb450,
	#f89406);
background-image: -webkit-linear-gradient(top,
#fbb450,
	#f89406);
background-image: -ms-linear-gradient(top,
#fbb450,
	#f89406);
background-image: -o-linear-gradient(top,
#fbb450,
	#f89406);
background-image: linear-gradient(to bottom,
#fbb450,
	#f89406);
	border-color: #f89406;
	color: #fff
}
.button.orange:active {
	background-color: #f28f04
}
input.text {
	box-sizing: border-box;
	padding: 6px 6px 7px;
	border: 1px solid #aaa;
	border-radius: 2px;
	background-color: #fff;
	width: 95%;
}

form {
	overflow: hidden;
}
div.widget {
	margin-bottom: 1rem;
font-size: .875rem;
}
div.w50 {
	overflow: hidden;
	float: left;
	width: 50%;
}
div.clr {
	clear: both;
}
div.label {
	font-weight: bold;
}
label {
	padding-bottom: 2px;
	display: inline-block;
	cursor: pointer;
}
div.widget .explain {
	margin-bottom: 0;
	max-width: 90%;
	cursor: help;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
div.widget .explain:hover span {
	background-color: #222;
	color: #fff;
	padding: 3px 10px;
	overflow: visible;
	white-space: normal;
	position: absolute;
	margin-left: 0px;
	margin-top: -13px;
}

div.widget div.value {
	margin-top:0.3rem;
}

div.widget-select {
	margin-bottom:1rem;
}
div.widget-select div.value {
	margin-top:1rem;
}
div.widget-checkbox div.value {
	margin-top:0.4rem;
}
/* Contao Check */
body {
background: rgb(58, 70, 78);
font-family: -apple-system,system-ui,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;
    font-weight: 400;
    font-size: .875rem;
    line-height: 1;
    color: #444;
}
#wrapper {
	width: 850px;
	margin: 18px auto;
	padding-bottom: 6px;
    background: #fff;
    border-radius: 3px;
}
@media(max-width:767px) {
#wrapper {
	width: auto;
	margin-left: 3px;
	margin-right: 3px
}
}
.row {
	padding: 0 18px
}
h1 {
	padding: 12px 12px 13px;
	background-color: #6e9e00;
	border-radius: 3px 3px 0 0;
	font-size: 14px;
	color: #fff;
	font-weight: 600;
	margin-top: 0;
}
h2 {
	padding: 8px 0 24px 42px;
	background: url("logo.gif") left 1px no-repeat;
	border-bottom: 1px solid #ddd;
	color: #6e9e00
}
h3 {
	margin: 24px 0 9px;
	font-size: 12px
}
ul {
	list-style: circle outside
}
li {
	margin-left: 2em;
	margin-bottom: .5em
}
.validate li {
	margin-bottom: 0.1em
}
a {
	color: #666966;
	text-decoration: none
}
.error {
	color: #c00
}
.confirm {
	color: #6e9e00
}
.explain {
	font-size: 11px;
	line-height: 1.5;
	color: #808080;
	margin-top:5px;
}
.large {
	margin: 24px 0 12px;
	font-size: 150%
}
.back {
	margin: -6px 0 6px;
	padding-right: 15px;
	text-align: right
}
.back a {
	color: #999
}
.mt {
	margin-top: 27px
}
form {
	position: relative
}
.select {
	width: 200px
}

select {
	width:100%;
	padding-top:14px;
	position:relative;
	top:-12px;
	height:30px;
	margin-bottom:-10px;
}

.versions {
	margin-bottom: 9px
}
a {
	color: #76B235;
	border-bottom: 1px solid #c2e69b;
	padding-bottom: 1px;
}
a:hover {
	color: #76B235;
	border-bottom: 1px solid #76B235;
}
.ui-widget-content > div {
	padding-right: 13px;
	padding-left: 13px
}
.navigation {
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
	padding: 2px
}
.navigation ul {
	height: 34px
}
.navigation li {
	position: relative;
	float: left;
	margin: 4px 3px 0 0;
	white-space: nowrap;
	list-style: none;
	border-bottom-width: 0
}
.navigation li a {
	display: block;
	padding: 10px 18px;
	border: 1px solid #888;
	border-radius: 4px 4px 0 0;
	text-decoration: none;
	color: #444;
	border-bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,
#fff), color-stop(8%,
#eee), color-stop(38%,
#e4e4e4), color-stop(100%,
	#eee));
	transition: 0
}
.navigation li a:focus {
	outline: 0
}
.navigation li.active {
}
.navigation li.active a {
	border: 1px solid #aaa;
	font-weight: bold;
	color: #000;
	cursor: default;
	border-bottom: 0;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5%,
#eee), color-stop(8%,
#ddd), color-stop(18%,
#eee), color-stop(96%,
	#fff));
}
.navigation li.inactive a {
	opacity: 0.5;
	cursor: default;
}
.navigation li a {
	cursor: pointer
}
.tab-content {
	margin: -1px 0;
	padding: 12px;
	background-color: #fff;
	border: 1px solid #bbb;
	border-radius: 0 4px 4px;
}
#footer {
	width: 850px;
	margin: auto;
	color: #fff;
}
#footer .left {
	margin-left: 20px;
	float: left;
}
#footer .right {
	margin-right: 10px;
	float: right
}
#footer a {
	color: #777;
	border-bottom: 1px solid #bbb;
}
#footer a:hover {
	color: #222;
	border-bottom: 1px solid #777;
}