@import "app.css";
@import "../custom_colors.php";
@import "custom_layout.css";

#menu .wrapper #nav .ui-tabs-nav li,
td .ui-button {
	border-radius:var(--button-border-radius);
	border:none;
}

.filter .ui-button {
	border-radius:var(--button-border-radius);
	color: var(--hover-font-color);
	font-weight: 600;
}

#head .topbar,
table thead .tablehead,
.gewinnspiel_tabs .ui-tabs-nav,
.gewinnspiel_tabs .ui-tabs-nav .ui-tabs-active,
.inhalt .ui-tabs-nav,
.inhalt .ui-tabs-nav .ui-tabs-active,
#main .flash_upload_btn,
.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-buttonpane button,
.filter .ui-button{
	background: var(--main-background-color);
	color: var(--main-font-color);
}

.filter .ui-button:hover,
input.ui-button:hover,
.ui-dialog .ui-dialog-buttonpane button:hover,
#menu .wrapper #nav .ui-tabs-nav .ui-tabs-active,
#main .flash_upload_btn:hover {
	background: var(--hover-background-color);
	color: var(--hover-font-color);
	border-color: var(--hover-background-color);
}

.ajaxnav,
#main .inhalt table thead tr th {
	color: var(--main-font-color) !important;
	background: var(--main-background-color);
}

#head a.organisatorische_angaben,
#head a.ausstelleransicht_verlassen,
.ui-widget-header a,
#head .topbar a.logout,
#head a.config {
	color: var(--main-font-color);
	outline: none;
}

.filter .ui-button,
#navadmin li .ui-state-active,
.ui-dialog .ui-dialog-buttonpane button,
.inhalt .ui-tabs-nav .ui-tabs-active,
#main .flash_upload_btn,
#menu .wrapper #nav,
.ui-dialog .ui-dialog-buttonpane{
	border-color: var(--main-background-color);
}

#menu .wrapper #nav {
	border-bottom: var(--navigation-bottom-border);
}

form div input {
	border-radius:var(--button-border-radius);
	padding:1px;
}

form div .type-select select,
#austeller .type-select select,
.filter .type-text input{
	background-color: #fff;
}

.filter .type-text input {
	padding-bottom: 8px;
}

#menu #nav .ui-state-default a,
#main #gewinnspiele_tabs .ui-state-default,
#main #konfiguration .ui-state-default a{
	color: var(--header-font-color);
	font-weight: bold;
	font-size: 14px;
}

#main h1,
#main h2,
#main h3{
    color: var(--hover-background-color);
}

.ui-dialog .ui-dialog-titlebar,
.ui-dialog .ui-dialog-buttonpane button{
	color: var(--main-font-color);
	font-weight: 600;
	border-radius:var(--button-border-radius);
}

.ui-dialog .ui-dialog-buttonpane button,
.inhalt .ui-tabs-nav .ui-tabs-active,
#main .flash_upload_btn {
	border:1px solid var(--main-background-color);
}

body .ui-widget-content {
	border: 1px solid lightgray;
	border-radius:var(--button-border-radius);
}

.ui-dialog .ui-dialog-buttonpane {
	border-top: 1px solid var(--main-background-color);
}

.gewinnspiel_tabs .menu-Dokument {
	background: var(--hover-background-color) !important;
	border-color: var(--hover-background-color) !important;
	opacity: 1 !important;
}

#nav .menu-Dokument {
	background-color: var(--hover-background-color) !important;
	opacity:1 !important;
}

#nav .menu-Dokument a {
	color:var(--marked-font-color) !important;
	font-weight:900;
}

#navadmin li .ui-state-active {
	border:1px solid var(--main-background-color);
	background:var(--main-background-color);
}

.ui-tabs .ui-tabs-nav li {
	border-radius: var(--button-border-radius);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
	padding-bottom: 2px !important;
	background-color: var(--hover-background-color);
	margin-top: 0;
}

.ui-tabs .ui-tabs-nav{
	border-radius:var(--button-border-radius);
	padding-top: 0 !important;
	background-color: white;
	border-top: var(--navigation-top-border);
}

#head .infos-box-aussteller-helper {
	margin-bottom: 0;
	margin-top: 0;
}

#menu .ui-tabs {
	margin-top: 0;
}

#gewinnspiele_tabs .gewinnspiel_tabs ul li a,
.ui-tabs .ui-tabs-nav li a {
	outline: none;
	background: var(--main-background-color);
	color: var(--main-font-color);
}

.inhalt .ui-tabs-nav .ui-tabs-active {
	border: 1px solid var(--hover-background-color);
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a,
#gewinnspiele_tabs .gewinnspiel_tabs ul li.ui-tabs-active a{
	background: var(--hover-background-color);
}

.ui-tabs .ui-tabs-nav li:hover:not(.ui-tabs-active) {
	border: 1px solid var(--main-background-color);
}

.ajaxnav:hover {
	color: var(--hover-background-color) !important;
}

.dot {
	height: var(--dot-height-width);
	width: var(--dot-height-width);
	border-radius: var(--dot-border-radius);
	display: inline-block;
}

.dot_online_ok {
	background: var(--dot-online-ok-color);
}

.dot_online_no_data {
	background: var(--dot-online-no-data-color);
}

.dot_online_not_checked {
	background: var(--dot-online-not-checked-color);
}

input.ui-button {
	background: var(--main-background-color);
	color: var(--main-font-color);
	border-color: var(--main-background-color);
	border-radius: var(--button-border-radius);
}

.add_qrcode,
.del_qrcode,
.del_sponsorpaket,
.add_sponsorpaket {
	background: var(--main-background-color) !important;
	color: var(--main-font-color) !important;
	border-color: var(--main-background-color) !important;
	border-radius: var(--button-border-radius) !important;
}

.del_sponsorpaket:hover,
.add_sponsorpaket:hover {
	background: var(--hover-background-color) !important;
	color: var(--hover-font-color) !important;
	border-color: var(--main-background-color) !important;
}

.ui-progressbar .ui-progressbar-value {
	background: var(--hover-background-color) !important;
}

.ui-menu .ui-menu-item a.ui-state-focus {
	border-radius: var(--button-border-radius);
	border-color: var(--main-background-color);
	color: var(--hover-font-color);
	background: var(--hover-background-color);
}

.ui-button .ui-button-text:hover {
	color: var(--hover-font-color);
}

.fileupload-buttonbar {
	background: transparent !important;
	color: inherit;
}