/*
* iventcloud Look & Feel
*/

@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto-Italic.ttf');
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto-Bold.ttf');
	font-weight: bold;
	font-style: normal;
}

@font-face {
	font-family: 'Roboto';
	src: url('fonts/Roboto-BoldItalic.ttf');
	font-weight: bold;
	font-style: italic;
}

/*
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url('https://fonts.googleapis.com/css?family=Roboto');
*/

body {
	font-family: 'Roboto', sans-serif;
}

#doc3 {
	margin: 0px;
}


/** HEADER **/

/* statusbar */

.statusbar {
	background-color: #cccccc;
	/*background:url(img/bg/bg_top_light_grey.png) repeat-x;
	background-position:bottom;*/
	color: #333;
	font-weight: bold;
	font-size: 110%;
	height: 55px;
	background-position: left;
	padding: 0 0 0 10px;
	display: flex;
	flex-wrap: wrap;
}

.progressBarBackground {
	background: url(img/progressBar.gif);
	height: 14px;
}


.icontextcontainer {
	clear: both;
	white-space: nowrap;
	border-bottom: solid 1px silver;
	border-left: solid 0px none;
	background-image: none;
	width: auto;
}

html > body icontextcontainer {
	width: 100%; /*this value don't work in IE6*/
}

img.toolbaricon {
	vertical-align: middle;
	padding-left: 3px;
	position: relative;
	outline: none;
	background-image: none;
	border: none;
	width: 32px;
	height: 32px;
}

div.iconeventtext {
	height: 20px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 110%;
	font-weight: bold;
	color: silver;
}

.icontext {
	height: 20px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 90%;
	font-weight: bold;
}

/* eventTab */
.eventTab {
	height: 30px;
	width: 100%;
	vertical-align: bottom;
	background-color: #f07d06;
}

.eventTab table {
	margin-left: 240px;
}

.eventTab tr {
	background-color: #ffffff;
	/*border: #CCCCCC solid 2px;
	border-bottom: 0px;*/
}

.eventTabTextContainer {
	/*background:url("img/bg/textBackground.jpg") repeat-x !important;*/
	height: 30px;
	vertical-align: bottom;
	padding-left: 8px;
	padding-right: 8px;
}

.eventTabText {
	color: #f07d06;
	/*padding-left: 20px;
	padding-right: 20px;*/
	font-size: 18px;
	font-weight: bold;
	vertical-align: bottom;
	height: 100%;
}

.topMenuBar {
	background-color: #f07d06;
	display: flex;
	justify-content: space-between;
}

.warnTab {
	background: url("img/bg/eventTabBackground.jpg") repeat-x !important;
	height: 30px;
	width: 100%;
	vertical-align: middle;

}

.warnLink {
	color: orange;
	font-size: 14px;
	margin-left: 10px;
}

.warnLink a {
	color: orange;
	font-size: 14px;
	margin-left: 10px;
}

.warnLink a:link {
	font-size: 14px;
	margin-left: 10px;
	color: orange;
}

.warnLink a:visited {
	text-decoration: none;
}

.warnLink a:active {
	text-decoration: none;
}

.warnLink a:hover {
	text-decoration: none;
	color: #ffffff;
}

.panelLink {
	color: #ffffff;
	font-size: 14px;
	margin-left: 0px;
}

.panelLink a {
	color: #000;
	font-size: 14px;
	margin-left: 0px;
}

.panelLink a:link {
	font-size: 14px;
	margin-left: 0px;
	color: #000;
}

.panelLink a:visited {
	text-decoration: none;
}

.panelLink a:active {
	text-decoration: none;
}

.panelLink a:hover {
	text-decoration: none;
	color: #cccccc;
}

/** MAIN **/

/* main-window */

#section_main {
	margin-top: 5px;
	display: flex;
}

.baseFeedbackPanel {
	margin-left: 10px;
}

span.feedbackPanelINFO {
	clear: both;
	float: left;
	padding: 2px;
	/*display:block;*/
	margin-bottom: 5px;
	/*display:none;*/
	border: 1px solid;
	font-weight: bold green;
	width: 100%;
}

span.feedbackPanelWARNING {
	clear: both;
	float: left;
	padding: 2px;
	/*display:block;*/
	margin-bottom: 5px;
	/*display:none;*/
	border: 1px solid #cccc33;
	font-weight: bold #cccc33;
	width: 100%;
}

span.feedbackPanelERROR {
	clear: both;
	float: left;
	padding: 2px;
	/*display:block;*/
	margin-bottom: 5px;
	/*display:none;*/
	border: 1px solid;
	font-weight: bold red;
	width: 100%;
}

.main-window {
	clear: both;
	border-style: none;
	/*margin-top: 5px;*/
	margin-left: 10px;
	margin-right: 10px;
	/*margin-bottom: 10px;*/
	background: #FFF;
	/*overflow:auto;*/
	/*hiding ugly horizontal scrollbar in IE (FF does without anyway)
	overflow-x:hidden;
	*/
	/*overflow-x:auto;*/
	/*height: 70%;*/
	/*max-height: 70%;*/
}

.first {
	#width: 72% !important;
}

.main-window table, .wicket-tree-table {
	width: 99%;
	margin: 0px;
	border-style: none;
	border-width: 1px;
	border-color: #CCC;
}

.wicket-tree-table {
	margin: 25px 0px 0px -1px !important;
}

div.wicket-tree-table div.header {
	background-color: #daddeb !important;
}

.main-window table tr {
	border-style: solid none;
	border-width: 1px;
	border-color: #CCC;
}

.main-window table tr:hover {
	background-image: url(img/bg/org-grad-3.jpg);
}


.main-window th, .wicket-tree-table .header {
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #daddeb;
	margin-top: -1px;
}

div #listTitle {
	margin: 10px 0 -26px 0px;
	padding: 5px 20px;
	font-weight: bold;
	font-size: 18px;
	background-image: url(img/bg/grey-grad-reverse.jpg);
	background-repeat: repeat-x;
	border-style: none;
	border-width: 1px;
	border-color: #CCC;
}

.main-window th.wicket_orderUp {
	background-image: url(img/icons/django/arrow-up.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

.main-window th.wicket_orderDown {
	background-image: url(img/icons/django/arrow-down.gif);
	background-repeat: no-repeat;
	background-position: left center;
}


/* filterbar*/
.sectionright {
	position: relative;
	margin: 0px 0px 0px 0px;
	float: right;
	width: 250px;
	/*min-height:600px;*/
	/*background-color:#CCCCCC;*/
	border: 1px dotted red;
	/*cursor:pointer;*/
	background-position: bottom;
	overflow: hidden;
}

.selectedFilter {
	background-image: url(img/icons/oxygen/dialog-ok-apply.png);
	background-repeat: no-repeat;
	color: #000 !important;
	background-color: #FFF;
	display: block;
	width: 100%;
	padding-left: 5px;
}

.filterbar {
	background: #97b6d5;
	background-image: url(img/bg/sidebar.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	overflow: hidden;
	margin: 20px 15px 10px 10px;
	padding: 0px;
	border: #333 nones 1px;
}

.filterbar h2 {
	text-align: center;
	padding-top: 10px;
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: bold;
}

.filterbar h3 {
	padding-top: 10px;
	margin-bottom: 5px;
	margin-left: 10px;
	font-weight: bold;
}

.filterbar p {
	padding-top: 3px;
	margin-bottom: 5px;
	margin-left: 10px;
}

.filterbar table {
	margin-left: 10px;
}

.filterbar .inset {
	overflow-y: auto;
	overflow-x: hidden;
}

#filterbar table {
	margin: 0;
	padding: 0;
	width: 100%;
}

.filterbar a {
	padding: 0 0px 1px 18px;
	display: block;
	width: 97%;
	color: #333;
}

.progressbar {
	text-align: center;
}

.feedentries li p {
	padding: 2px;
	color: #333;
	border: #FFF solid 5px;
	background-color: #bccee4;
	border-left-style: none;
	padding: 2px 3px 2px 4px;
	margin: 0 0 10px 0;
	width: 90%;
	font-size: 0.9em;
}

.feedentries h3 {
	margin: 0 0 3px 6px;
	padding: 0px;
}

.feedentries h4 {
	margin: 0 0 0 6px;
	font-size: smaller;
	font-style: italic;
}

/* leftmenu */

#leftmenu {
	border-style: none;
	background-color: #97b6d6;
	background-image: url("img/bg/blue-grad-hor.gif");
	background-position: right;
	background-repeat: repeat-y;
	padding-left: 15px;
	margin: 0px 0px 0px 0px;
	#margin-top: 1px; /* Only for IE6 */
}

.leftmenu-event {
	padding-top: 35px;
	margin: 15px 0 5px 5px;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
	overflow: hidden;
	width: 150px;
}

/*** FORMS
@see http://www.quirksmode.org/css/forms.html
***/

label {
	display: block;
	float: left;
	margin-bottom: 1em;
	margin-top: 0px;
	padding-top: 0px;
}

form label {
	text-align: right;
	width: 180px;
	padding-right: 20px;
	margin-top: 5px;
	clear: both;
}

.verticalCenter {
	display: flex;
	align-items: center;
}

.verticalCenter input {
	margin: 0px;
	padding: 1px 5px;
}

.bottomSpacing {
	margin-bottom: 10px;
}

label.fullwidth {
	width: 95%;
	text-align: left;
	margin-bottom: 0.4em;
}

label.checkboxLabel {
	float: right;
	text-align: left;
	padding-left: 10px;
	padding-right: 0px;
	width: 240px;
}

br {
	clear: left;
}

/*##########################*/
/*
@see www.i-marco.nl/weblog/jquery-accordion-menu/
<!--[if lt IE 8]>
   <style type="text/css">
   li a {display:inline-block;}
   li a {display:block;}
   </style>
   <![endif]-->
*/

#leftmenu, #leftmenu ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 12.3077em; /* width must be the same as yui-b */
}

#leftmenu a {
	display: block;
	text-decoration: none;
}

#leftmenu li {
	margin-top: 1px;
}

#leftmenu li a {
	color: #000;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	padding-left: 0.75em;
	background: #bacfe4 url(ijmg/icons/django/arrow-right-active.gif) no-repeat 2px 10px;
}


#leftmenu li a:hover {
	background: #FFF url(ijmg/icons/django/arrow-right.gif) no-repeat 2px 10px;
}

#leftmenu li span span.disabledlink {
	color: #999;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	padding-left: 0.75em;
	display: block;
	background: transparent;
}


.leftmenu span.disabledlink {
	background: #EEE;
}

.tab-row .disabledlink {
	display: none;
}

#leftmenu li ul li a {
	background: #bacfe4 url(img/icons/django/arrow-right.gif) no-repeat 2px 10px;
	color: #000;
	border-left: 3px #97b6d6 solid;
	padding-left: 20px;
}

#leftmenu li ul li a:hover {
	background: #bacfe4 url(img/icons/django/arrow-right-active.gif) no-repeat 2px 10px;
}

.navigatorLabel {
	margin-left: 5px;
}

/** FOOTER **/

#ft {
	clear: both;
	/*border-top:1px solid gray;
	background-color:#FFF;
	background-repeat:no-repeat;*/
	color: #333;
	text-align: center;
	padding: 3px 5px;
}

#ft .left {
	margin-top: 4px;
	float: left;
}

#ft .right {
	float: right;
}

/** FORMAT **/

h2 {
	font-weight: bold;
}

a {
	text-decoration: none;
	color: #000;
}

/** ??? **/

#mainmenu {
	margin-bottom: 10px;
}

/* left menu mode control. expertmode=only icons, standardmode=icons + text */
#middle-main {
	flex: 1;
}

.standardmode #imgShowRight {
	display: none;
}

.standardmode #imgShowLeft {
	display: block;
}

.standardmode .leftEventList {
	width: 220px;
	overflow: auto;
}

#sectionleft.standardmode {
	width: 220px;
}

#sectionleft.expertmode img.dart {
	float: left;
	margin: 2.5px 0px 0px 12px;
}

.expertmode #imgShowRight {
	display: block;
}

.expertmode #imgShowLeft {
	display: none;
}

.expertmode .leftEventList {
	width: 39px;
	overflow: hidden;
}

#sectionleft.expertmode {
	width: 39px;
}


/*
html>body #middle-main {
	margin: 0px 0px 50px 230px;
	float:none;
}
*/

#yui-main {
	/*border-top:1px solid gray;*/
	/*width: 100%; 88%*/
	/*height: 70%;*/
	/*max-height: 70%;*/
	position: relative;
	margin: 0px 0px 100px 200px;
}

#yui-ge {
	/*height: 70%;*/
	max-height: 70%;
}

#doc3 {
	height: 100%;
}

/*** FORMS
@see http://www.quirksmode.org/css/forms.html
***/

label, .radioSelect input, i, select {
	display: block;
	float: left;
	margin-bottom: 10px;
	border-color: #333;
	border-width: 1px;
}

.main window select,
.main window input,
.main window textarea {
	border: 1px solid #333;
	margin: 2px;
	width: 300px;
}


.submit {
	margin: 2px;
	/*padding-right:3px;
	padding-left:3px;*/
	padding: 1px;
}


/*.submit2{
	width:164px;
	margin-top:10px;
}*/

/*
.submit3{
	width:96px;
	margin-top:10px;
}

.submit4{
	width:71px;
	margin-top:10px;
}
*/

select:focus, input:focus, textarea:focus {
	border: 1px solid #000;
}

label {
	text-align: right;
	width: 180px;
	padding-right: 20px;
}

br {
	clear: left;
}

.fullsize {
	height: 100%
}


/*** MENU BEHAVIOUR ***/
.disabled {
	color: #7D7D7D;
}


/*@see org.apache.wicket.markup.html.panel.FeedbackPanel; */
.feedbackPanelINFO {
	clear: both;
	color: green;
	font-weight: bold;
}

.feedbackPanelWARNING {
	clear: both;
	color: #333333;
	font-weight: bold;
}

.feedbackPanelERROR {
	clear: both;
	color: #ff0000;
	font-weight: bold;
}

.feedbackPanelINFO a {
	color: blue;
	font-weight: normal;
}

.feedbackPanelINFO a:link {
	color: blue;
	text-decoration: none;
}

.feedbackPanelINFO a:visited {
	color: blue;
	text-decoration: none;
}

.feedbackPanelINFO a:active {
	color: blue;
	text-decoration: none;
}

.feedbackPanelINFO a:hover {
	color: blue;
	text-decoration: underline;
}


/*

*/
/*################# SWEET TITLES ######################### */


/* Fading Tooltips By Dustin Diaz*/
body div#toolTip {
	position: absolute;
	z-index: 10001;
	width: 220px;
	background: #959595;
	border: 2px double #fff;
	text-align: left;
	padding: 5px;
	min-height: 1em;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
}

body div#toolTip p {
	margin: 0;
	padding: 0;
	color: #000;
	font: 11px/12px verdana, arial, sans-serif;
}

body div#toolTip p em {
	display: block;
	margin-top: 3px;
	color: #f60;
	font-style: normal;
	font-weight: bold;
}

body div#toolTip p em span {
	font-weight: bold;
	color: #fff;
}

body div#toolTip ul {
	padding-left: 15px;
	font: 11px/12px verdana, arial, sans-serif;
}

body div#toolTip li {
	list-style: disc;
	padding: 0px;
}

#simpleAppStyle {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#simpleAppStyle fieldset {
	margin-left: 15px;
	margin-right: 15px;
}

#simpleAppStyle.dispatch {
	width: auto;
}

#simpleAppStyle label {
	width: 80px;
	margin-top: 0px;
	padding-top: 0px;
}

#simpleAppStyle a:link {
	text-decoration: underline;
}

#simpleAppStyle a:visited {
	text-decoration: none;
}

#simpleAppStyle a:active {
	text-decoration: none;
}

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

#simpleAppModalStyle {
	margin-left: auto;
	margin-right: auto;
	width: 350px;
	text-align: center;
}

#simpleAppModalStyle label {
	width: 110px;
	margin-top: 0px;
	padding-top: 0px;
}


/* this seems to be for SimpleWebPage only */
#wrap {
	margin-left: auto;
	margin-right: auto;
	padding-top: 150px;
	width: 370px;
	text-align: center;
}

#wrap2 {
	margin-top: -100px;
}

#wrap img {
	padding-bottom: 10px;
}

#wrap td {
	padding-bottom: 5px;
	vertical-align: top;
	margin-right: 0px;
}


#wrap label {
	width: 80px;
	padding: 0px;
}

#eventInfoBox {
	float: right;
	width: 350px;
	text-align: left;
}

#eventInfoBox legend {
	border-style: solid;
	border-width: 1px;
	background-color: #FFF;
	padding: 3px 5px;
}

#eventInfoBox fieldset {
	background-color: #FFF;
}

#eventInfoBox label {
	width: 8em;
	margin-top: 0px;
	padding-right: 5px;
}

#wrapz {
	margin-left: auto;
	margin-right: auto;
	margin-top: 150px;
	width: 450px;
	text-align: center;
}

#wrapz form {
	margin-top: 20px;
}

#wrapz label {
	width: 125px;
}

#wrapzz {
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	width: 575px;
	text-align: left;
}

#wrapzz form {
	margin-top: 10px;
}

#wrapzz label {
	width: 150px;
}

#wrapzzz {
	margin-left: auto;
	margin-right: auto;
	margin-top: 150px;
	width: 400px;
	text-align: center;
}

#wrapzzz img {
	padding-bottom: 20px;
}

#wrapzzz form {
	margin-top: 25px;
	text-align: center;
}

#wrapzzz select {
	position: static;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 150px;
}

#wrapzzz label {
	width: 150px;
}

#wrapzzzz {
	margin-left: auto;
	margin-right: auto;
	margin-top: 50px;
	width: 750px;
	text-align: center;
}

#wrapzzzz img {
	padding-bottom: 10px;
}

#wrapzzzz form {
	margin-top: 25px;
}

#wrapzzzz input.submit3 {
	position: absolute;
	width: 96px;
	/**margin-top: 10px;**/
	margin-left: 327px;
}

#wrapzzzz .lid-table {
	background-color: #daddeb;
	border-color: #B3BBC8;
	border-width: 1px;
	border-style: solid;
	font-size: 10pt;
	margin: 10px 0pt 15px;
	text-align: left;
	width: 100%;
}

#wrapzzzz .lid-table thead tr th, .tablesorter tfoot tr th {
	font-size: 10pt;
	padding: 1px 4px 1px 14px;
	font-weight: bold;
}

#wrapzzzz .lid-table tbody td {
	color: #000; /*3D3D3D*/
	padding: 4px;
	vertical-align: top;
	border-spacing: 0px;
}

#wrapzzzz .lid-table tbody td.buttonSeq {
	width: 10px;
}

/* TABLE */
#wrapzzzz .lid-table tr.even {
	background-color: #FFF;
}

/*DADADA*/
#wrapzzzz .lid-table tr.odd {
	background-color: #daddeb;
}

#wrapzzzz .lid-table tr.hover {
	background: url(img/bg/org-grad-3.jpg);
	border: 1px solid #000;
}

/* #FF9700;*/

#wrapzzzz .lid-table tbody td a {
	font-weight: normal;
	text-decoration: underline;
}

#wrapzzzz tr.navigation, tr.navigation:hover {
	color: #666;
	padding-left: 5px;
	padding-right: 5px;
	background-color: #daddeb;
	background-image: url() !important;
	/*border-style:none;*/
}

#wrapzzzz .lid-table thead tr.navigation a {
	color: #000;
}

#wrapx {
	margin-left: auto;
	margin-right: auto;
	/*margin-top: 150px;*/
	/*width: 500px;*/
	width: 700px;
	text-align: left;
}

#wrapx form {
	margin-top: 30px;
	padding-left: 20px;
}


#wrapx label {
	width: 150px;
	text-align: right;
}

#footer {
	color: black;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 23px;
	/*background-image: url(img/bg/login-footer-bg.png);
	background-repeat: repeat-x;
	background-position: top;*/
	text-align: center;
	font-size: 14px;
	padding-top: 7px;
}

#footer a:link {
	color: #f07d06;
	text-decoration: none;
	font-weight: bold;
	padding: 2px;
}

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

.header_bg {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 30px;
	/*background-image: url(img/bg/login-header-bg.png);
	background-color: #B6BEC9;*/
}

#header {
	position: absolute;
	top: 0;
	left: 0px;
	width: 100%;
	height: 30px;
	/*background-image: url(img/bg/login-header-bg.png);
	background-repeat: repeat-x;
	background-position: left;*/
}

/* detail page */
.radioSelect {
	float: left;
}

.radioSelect label {
	text-align: left;
	margin-left: 10px;
}

.radioSelectRight {
	float: left;
}

.radioSelectRight label {
	margin-left: -213px;
}

legend {
	font-size: 16px;
	font-weight: bold;
	padding: 5px;
	float: left;
	/*margin-bottom: 10px;
	background-color:#FFF;*/
}

table.legend td {
	padding-left: 10px;
	padding-right: 10px;
	border: 1px dotted #AAAAAA;
	margin: 1em;
}

table.legend td img {
	float: left;
	margin-right: 8px;
}

table.legend {
	border-spacing: 5px 10px;
	border: 1px solid #000000;
}

h1 {
	font-size: 22px;
	font-weight: bold;
	padding: 15px;
}

fieldset {
	background-color: #e0e0e0;
	/*border: 1px solid #49250c;
	border-radius: 11px;*/
	clear: both;
	margin: 0.5em 0;
	padding: 0.5em 1.5em 1em;
	text-align: left;
}


/* auto complete text field */
div.wicket-aa {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
	font-size: 12px;
	background-color: white;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	padding: 2px;
	margin: 1px 0 0 0;
	text-align: left;
}

div.wicket-aa ul {
	list-style: none;
	padding: 2px;
	margin: 0;
}

div.wicket-aa ul li.selected {
	background-color: #c0c0c0;
	padding: 2px;
	margin: -2px;
}

input, textarea, select {
	border: rgba(0, 0, 0, 0.2) solid 1px;
	/*border-color: #49250c;
	border-radius: 5px;
	border-style: solid;
	border-width: 1px;*/
	margin-bottom: 10px;
	margin-top: 0px;
	margin-left: 2px;
	margin-right: 2px;
	padding: 1px;
	height: 25px;
}

input:focus, textarea:focus, select:focus {
	border-style: solid;
	border-color: #333;
}

/** jQuery Menu **/

ul.jd_menu_vertical {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

ul.jd_menu ul, ul.jd_menu_vertical ul {
	display: none;
}

ul.jd_menu li {
	float: left;
}

ul.jd_menu_vertical {
	width: 300px;
}

ul.jd_menu_vertical li {
	float: none;
}

/* -- Sub-Menus -- */
ul.jd_menu ul, ul.jd_menu_vertical ul {
	position: absolute;
	display: none;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	z-index: 15000;
}

ul.jd_menu ul li, ul.jd_menu_vertical ul li {
	background-color: #c2bbb0;
	float: none;
	margin: 0px;
}

ul.jd_menu, ul.jd_menu ul, ul.jd_menu_vertical, ul.jd_menu_vertical ul {
	background-color: #c2bbb0;
}

ul.jd_menu ul, ul.jd_menu_vertical, ul.jd_menu_vertical ul {
	background-color: #c2bbb0;
	border-color: #999;
	border-style: none solid solid solid;
	#border-style: none none none none;
	border-width: 1px;
}

ul.jd_menu ul ul {
}

ul.jd_menu_vertical {
	height: auto;
}

ul.jd_menu ul {
	height: auto;
}

* html ul.jd_menu ul {
	width: 1%;
}

ul.jd_menu li {
	font-size: 13px;
	#font-size: 12px;
	font-weight: lighter;
	color: #000;
	margin: 0px;
	padding: 4px 8px 3px 7px;
	height: 15px;
	cursor: pointer;
	white-space: nowrap;
	border-style: none;
	display: block;
	margin: 2px 0 0 0;
}

ul.jd_menu li a {
	font-weight: normal;
	border-color: #999;
}

ul.jd_menu li li {
	width: 200px;
}

ul.jd_menu li a {
	color: #000;
	text-decoration: none;
}

ul.jd_menu ul {
	border-style: solid;
	border-width: 1px;
	#border-style: none;
	margin-left: -1px;
	#margin-left: 1px;
}

ul.jd_menu li.jdm_hover, ul.jd_menu li.jdm_active {
	background: url(img/bg/django-blue.gif);
	background-color: #B6BEC9;
}

.jd_menu {
	width: 600px;
	/*float:left;*/
}

/* Login Page*/


.lg-main {
	height: fit-content;
	width: 380px;
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
	background-color: #b6b6b6;
	border-radius: 5px;
}

/* common stuff */
.lg-hd, .lg-ft, .lg-main {


}

.search-box {
	padding: 2px 0 1px 18px;
	background: transparent white url(img/search.png) no-repeat scroll 0 0;
}

.hilite-tr {
	background-color: #72d13d;
}

.checkbox-multiple-choice {
	width: 370px;
	margin-left: 100px;
}

.checkbox-multiple-choice div {
	padding-left: 100px;
}

.checkbox-multiple-choice label {
	padding-left: 10px;
	text-align: left;
}

.checkbox-multiple-choice label.checkbox-multiple-choice-main-label {
	width: 50px;
	padding-left: 10px;
	text-align: left;
}

.checkbox-multiple-choice input:first-child {
	clear: none;
}

.checkbox-multiple-choice input {
	float: left;
	clear: left;
}

.usergroup-panel {
	display: inline-block;
}

.usergroup-panel label {
	text-align: left;
	width: auto;
	margin-bottom: 0px;
	padding-right: 5px;
}

.usergroup-panel input {
	height: auto;
	float: left;
	margin-right: 5px;
}

.usergroup-panel span {
	display: flex;
	padding-top: 5px;
}

.enum-values-table {
	width: 150px;
	margin-left: 100px;
}

.enum-values-table td {
	text-align: left;
	vertical-align: middle;
}

.enum-values-table tr {
	height: 25px;
}

.enum-values-table tr:hover {
	background-image: none;
}

.enum-values-table th {
	font-weight: bold;
	height: 25px;
}

.invitation-dispath-div table {
	width: 100%;
}

.invitation-dispath-div table tr {
	border-width: 0px;
}

.invitation-dispath-div table tr:hover {
	background-image: none;
}

/*-----------TabbedPanel4-----------*/
div.tabpanel4 div.tab-row ul {
	background: transparent url("tabs4/tab_bottom.gif") repeat-x scroll center bottom;
	height: 20px;
	margin: 0;
	padding-left: 10px;
	padding-top: 5px;
}

div.tabpanel4 div.tab-row li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div.tabpanel4 div.tab-row a:link, div.tabpanel4 div.tab-row a:visited {
	background: #F3F3F3 none repeat scroll 0 0;
	border: 1px solid #CCCCCC;
	color: #666666;
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 14px;
	margin-right: 4px;
	padding: 2px 10px;
	text-decoration: none;
}

div.tabpanel4 div.tab-row li.selected a:link, div.tabpanel4 div.tab-row a.active:visited {
	background: #FFFFFF none repeat scroll 0 0;
	border-bottom: 1px solid #FFFFFF;
	color: #000000;
}

div.tabpanel4 div.tab-row a:hover {
	background: #FFFFFF none repeat scroll 0 0;
}

/*----------HeaderImage-----------*/
.headerLogo {
	height: 50px;
}

/*----------TabbedPanel2----------*/
div.tabpanel2 div.tab-row {
	height: 50px;
	/*background-color:#cc6600;*/ /*B0C9E3;*/
	/*background:#369 url("tabs2/bg.gif") repeat-x bottom;*/
	/*background:url("img/bg/top_kaestchen_new.png") repeat-x;*/
	font-size: 85%;
	margin: 0px;
	border: 0px;
	/*line-height:normal;*/
}

div.tabpanel2 div.tab-row ul {
	margin: 0;
	/*padding:0px 10px 0;*/
	list-style: none;
}

div.tabpanel2 div.tab-row li {
	float: left;
	/*background:url("tabs2/right.gif") no-repeat right top;*/
	/*background:url("img/bg/bg_normalTab_right.png") no-repeat right top;*/
	/*background-color:transparent;*/ /*#cc6600;*/
	padding: 0 0 0 0;
	background: #ffffff;
	border-right: #cccccc 2px solid;
}

div.tabpanel2 div.tab-row a {
	float: left;
	display: block;
	/*background:url("tabs2/left.gif") no-repeat left top;*/
	/*background:url("img/bg/bg_normalTab.png") repeat-x left top;*/
	padding: 8px 20px 10px 20px;
	text-decoration: none;
	font-weight: bold;
	font-size: 130%;
	color: #000000; /*#999999;*/ /*6E6E6E;*/ /*#9cf;*/
	white-space: nowrap;
	border-bottom: #cccccc 2px solid;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
div.tabpanel2 div.tab-row a {
	float: none;
}

/* End IE5-Mac hack */
div.tabpanel2 div.tab-row a:hover {
	color: #f07d06;
}

div.tabpanel2 div.tab-row li.selected {
	/*background-image:url("tabs2/right_on.gif");*/
	/*background-image:url("img/bg/bg_selectedTab_right.png");*/
	border-right: #f07d06 2px solid;
	border-left: #f07d06 2px solid;
	margin-left: -2px;
}

div.tabpanel2 div.tab-row li.selected a {
	/*background-image:url("tabs2/left_on.gif");*/
	/*background-image:url("img/bg/bg_selected_Tab.png");*/
	background-position: top;
	color: #f07d06; /*#333*/
	background-color: #ffffff;
	padding-bottom: 5px;
	font-size: 200%;
	border-bottom: #f07d06 2px solid;
}

/*--------------------------------*/

div#hiddenmenu {
	display: none;
	text-align: center;
	padding: 20px 0px 0px 0px;
	background-color: #333333;
}

img.dart {
	float: right;
	margin-right: 5px;
	margin-top: 2.5px;
}

div#sectionleft {
	margin-top: 5px;
}

/*div#lefttop {
	height: 10px;
	background-color:#333333;
	background-image:url("img/bg/333333-grad-hor_lefttop.gif");
 	background-position: right top;
 	background-repeat:no-repeat;
 	display:none;
}*/

#leftmiddle {
	background-color: #eeeeee; /*97b6d6*/
	/*background-image:url("img/bg/blue-grad-hor.gif");*/
	/*background-position:right;
	background-repeat:repeat-y;*/
	padding: 20px 0px 5px 0px;
	/*min-height: 560px;*/
}

div.toolbar ul li:last-child a div.icontextcontainer {
	border: none;
}

.leftEventList {
	clear: both;
	/*height:460px;*/
	width: 220px;
	/*border:solid 1px grey;*/
	overflow: hidden;
	background-color: #eeeeee;
	/*padding:3px 3px 3px 3px;*/
	/*margin-left:5px;*/
}

#lefticonpanel {
	clear: both;
	/*height:450px;*/
}

#corner_left_top_inside {
	float: left;
	/*background-image:url("img/bg/333333_left_top_inside.gif");
	background-repeat:no-repeat;
	background-position: top left;*/
	height: 10px;
	width: 10px;
}

#corner_right_top_inside {
	float: right;
	/*background-image:url("img/bg/333333_right_top_inside.gif");
	background-repeat:no-repeat;
	background-position: top right;*/
	height: 10px;
	width: 10px;
}

#div_corner_inside {
	display: none;
	/*clear:both;
	height:10px;
	width:100%;*/
}

#div_corner_middle_inside {
	/*height:440px;*/
	width: 100%;
}

#corner_left_bottom_inside {
	float: left;
	/*background-image:url("img/bg/333333_left_bottom_inside.gif");
	background-repeat:no-repeat;
	background-position: bottom left;*/
	height: 10px;
	width: 10px;
}

#corner_right_bottom_inside {
	float: right;
	/*background-image:url("img/bg/333333_right_bottom_inside.gif");
	background-repeat:no-repeat;
	background-position: bottom right;*/
	height: 10px;
	width: 10px;
}

#leftHelpText {
	height: 230px;
	width: 120px;
	border: solid 1px grey;
	overflow: auto;
	background-color: #CCCCCC;
	padding: 5px 5px 5px 5px;
	margin-left: 8px;
	margin-top: 8px;
}

div#leftbottom {
	height: 15px;
	/*background-color:#333333;
	background-image:url("img/bg/333333_left_bottom.gif");
 	background-position: right;
 	background-repeat:no-repeat;*/
}

/*** Main window: edit, filter, search ***/
div.listcontainer {
	clear: both;
	overflow: hidden;
	margin: 0px 0px 0px 10px;
	color: #000;
	font-size: 110%;
	/*font-style: italic;*/
	/*height: 31px;*/
}

div.powerUser li {
	text-align: left;
	margin-bottom: 0.5em;
}

div.powerUser {
	margin-top: 0.25em;
	margin-bottom: 0.25em;
}

#dropDownEdit {
	float: none;
	position: relative;
	margin-top: 5px;
	/*display:list-item;*/
}

.listedit {
	/*float: left;*/
	height: 42px;
	margin-left: 0px;
	margin-top: 5px;
	white-space: nowrap;
	/*border:solid 1px yellow;*/
}

.listfilter {
	float: left;
	height: 36px;
	margin-left: 0px;
	margin-top: 5px;
	white-space: nowrap;
	/*border:solid 1px red;*/
}

.filterwidth {
	width: auto !important;
	width: 265px;
}

.listsearch {
	float: left;
	height: 41px;
	margin-left: 0px;
	margin-top: 5px;
	white-space: nowrap;
	/*border:solid 1px yellow;*/
}

.searchwidth {
	width: auto !important;
	width: 310px;
}

.listipp {
	height: 36px;
	margin-left: 0px;
	margin-top: 5px;
	white-space: nowrap;
	float: left;
}

.listtenant {
	height: 36px;
	margin-right: 10px;
	margin-top: 5px;
	padding: 0px 2px 0px 2px;
	background-color: #eee;
	border-radius: 4px;
	float: left;
}

.listeditleft {
	display: none !important;
	/*float:left;
	display:inline;
	background-image:url("img/bg/django-blue-revers-left.gif");
	background-color: #54534e;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
	width: 12px;
	height: 42px;*/
}

.listeditmiddle {
	float: left;
	display: inline;
	padding: 0px 2px 0px 2px;
	margin: 0px 0px 0px 0px;
	background-color: #eee;
	/*background-image:url("img/bg/django-blue-revers.gif");*/
	height: 41px;
	width: 100%;
	border-radius: 4px;
}

.listeditright {
	display: none !important;
	/*float:left;
	display:inline;
	background-image:url("img/bg/django-blue-revers-right.gif");
	background-color: #54534e;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
	margin-right: 10px;
	width: 12px;
	height: 42px;*/
}

.selectRowColumn {
	width: 70px;
}

/*BEGIN OF CSS STYLE FOR PALETTE*/

/*Following Style is the,
 CSS Style for the palette form element on the InvitationDispatch side */
table.palette td.header {
	text-align: center;
	font-weight: bold;
	font-size: 9pt;
	color: black;
	background-color: #cc6600;
	padding: 2px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

table.palette {
	border: 0;
}

table.palette td.pane {
	width: 100px;
	text-align: center;
}

table.palette td.pane select {
	width: 200px;
}

table.palette td.buttons {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

table.palette td.buttons button {
	width: 40px;
	height: 40px;
}

/* Fix a firefox (2.0.0.4) bug : https://bugzilla.mozilla.org/show_bug.cgi?id=382600 */
select::-moz-dummy-option {
	visibility: hidden;
	content: "";
}

/*END OF CSS STYLE FOR PALETTE*/


#bysy_indicator {
	display: none;
	background: rgb(255, 241, 168);
	margin-top: 5px;
	z-index: 1000;
	width: 200;
	font-weight: bold;
	text-align: center;
	font-size: 1em;
	clear: both;
	float: left;
}

.tooltip img {
	vertical-align: top;
}

.listVideo div {
	text-align: left;
	margin: 15px;
}

.invReplyLabels {
	text-align: right;
	font-weight: bold;
	color: orange;
}

.enum-value-label {
	padding: 0 0 0 200px;
}

.iconCell {
	text-align: center;
}

.headerLeft {
	align-self: center;
}

.headerMiddle {
	align-self: center;
	text-align: center;
	color: red;
	flex: 1;
}

.blink {
	animation: blinker 2s ease-in-out infinite;
}

@keyframes blinker {
	50% {
		opacity: 0;
	}
}

.headerRight {
	align-self: center;
	display: flex;
}

.localeSelect > select {
	margin-bottom: 0px;
}

.headerRight div {
	display: inline-block;
}

.header2Right {
	margin-right: 20px;
	/*display: flex;*/
	align-items: center;
	justify-content: center;
	float: right;
	/*padding-top: 15px;*/
	background-color: #f07d06;
}

.header2Right div {
	display: inline;
}

.support {
	font-size: 80%;
	margin-left: 1em;
	margin-right: 1em;
}

.support img {
	vertical-align: middle;
}

.loggedInAs {
	margin-left: 1em;
	margin-right: 1em;
	font-size: 80%;
}

.loggedInAs:empty {
	display: none;
}

.languageSelect {
	margin-left: 1em;
	margin-right: 1em;
}

.languageSelect select {
	display: inline;
	float: none;
	font-size: 70%;
}

.linkbutton, .logout, .linkbuttonsmall {
	border: solid 1px grey;
	background-color: silver;
	border-radius: 5px;
	cursor: pointer;
}

.logout {
	padding: 3px;
	font-size: 80%;
	margin-top: 3px;
	margin-right: 20px;
	margin-left: 1em;
}

.samlLogout {
	background-color: silver !important;
	margin-bottom: 0px;
	margin-top: 0px;
}

.samlLogout:hover {
	/* to disable input[type="submit"] default hover behaviour */
	background-color: silver;
}

.linkbuttonsmall {
	padding: 3px;
	font-size: 120%;
	font-weight: 700;
	display: inline-block;
	min-width: 60px;
}

.linkbutton {
	padding: 1px;
	box-shadow: 4px 4px 2px #6E340E;
	font-size: 150%;
	padding: 0.5em 5em;
	text-align: center;
	background: -moz-linear-gradient(top, #c0c0c0 0%, #a0a0a0 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c0c0c0), color-stop(100%, #a0a0a0)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #c0c0c0 0%, #a0a0a0 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #c0c0c0 0%, #a0a0a0 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #c0c0c0 0%, #a0a0a0 100%); /* IE10+ */
	background: linear-gradient(to bottom, #c0c0c0 0%, #a0a0a0 100%); /* W3C */
}

.linkbutton a, .logout a {
	padding: 1px;
}

/* HTML dialog class for modal window pages */
.dialog {
	margin: 0.5em;
}

.dialog h2 {
	font-size: 150%;
	margin-top: 1em;
	margin-bottom: 0.5em;
}

.dialog .detailform {
	margin-top: 2em;
	margin-left: 4em;
	margin-right: 4em;
	margin-bottom: 2em;
}

.dialog fieldset {
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	text-align: left;
}

.dialog textarea {
	width: 100%;
	height: 12em;
}

.dialog form {
	margin-bottom: 1em;
}

div.buttons {
	text-align: center;
}

.dialog label {
	width: 120px;
}

.dialog label.fullwidth {
	width: 95%;
}

/*
Class loginfield is used on the loginPage for keeping the width equal to the password box.
*/
.loginField input {
	width: 200px;
}

.loginForm input {
	width: 200px;
	border-radius: 5px;
}

.standardLink a {
	color: blue;
	cursor: pointer;
}

.standardLink a:link {
	color: blue;
	text-decoration: none;
}

.standardLink a:visited {
	color: blue;
	text-decoration: none;
}

.standardLink a:active {
	color: blue;
	text-decoration: none;
}

.standardLink a:hover {
	color: blue;
	text-decoration: underline;
}

.ticketSelectionForm label {
	width: 120px;
}


.progressBarStandardLayout {
	width: 190px;
	height: 14px;
	background: url(img/progressBarBackground.gif);
	margin-left: 200px;
}

.progressBarLeft {
	align: center;
	text-align: center;
	margin: 10px 10px 5px 10px;
	min-height: 32px;
}

.progressBarLeftLayout {
	align: center;
	width: 190px;
	height: 14px;
	background: url(img/progressBarBackground.gif);
}

.progressBarError {
	clear: both;
	color: #ff0000;
	font-weight: bold;
}

.inviteLinkPanel {
	text-align: center;
}

.inviteLink {
	font-weight: bold !important;
}

.inviteActiveLink a {
	color: #f07d06 !important;
}

.inviteActiveLink {
	padding: 1px 2px 1px 2px;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	color: #f07d06;
	/*background: #F36F18;
	border-width: 1px;
	border-style: solid;
	border-color: black;*/
}

.uninviteActiveLink {
	padding: 1px 2px 1px 2px;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	/*background: #7D7C7A;
	border-width: 1px;
	border-style: solid;
	border-color: black;*/
}

.inviteNonActiveLink {
	padding: 1px 2px 1px 2px;
	margin-left: 2px;
	margin-right: 2px;
	text-align: center;
	color: #bbbbbb;
	/*background: #C0C0C0;
	border-width: 1px;
	border-style: solid;
	border-color: black;*/
}

.panelDescriptionText {
	margin: 2px;
	font-style: italic;
}

.filterCategoriesModalWindow td {
	width: 200px;
	height: 40px;
	text-align: left;
	padding-left: 10px;
}

.table-header {
	font-weight: bold;
	font-size: 16px;
	padding-bottom: 5px;
}

.info-table {
	background-color: #daddeb;
	border-color: #B3BBC8;
	border-width: 1px;
	border-style: solid;
	font-size: 10pt;
	text-align: left;
	width: 100%;
}

.info-table thead tr th {
	font-size: 10pt;
	padding: 1px 4px 1px 14px;
	font-weight: bold;
}

.info-table thead tr {
	background-color: f0dade;
}

.info-table tbody td {
	color: #000; /*3D3D3D*/
	padding: 1px;
	vertical-align: middle;
	border-spacing: 0px;
}

.info-table tr.even {
	background-color: #eaedf4;
}

.info-table tr.odd {
	background-color: #daddeb;
}

.info-table tbody td a {
	font-weight: normal;
	text-decoration: underline;
}

.duplicate-table {
	width: 100%;
}

.duplicate-table tr:first-child td {
	background-color: #94e125;
}

.duplicateIcon {
	height: 24px;
}

.ticket-selection-table {
	background-color: #daddeb;
	border-color: #B3BBC8;
	border-width: 1px;
	border-style: solid;
	font-size: 10pt;
	text-align: center;
}

.ticket-selection-table tr th {
	font-size: 10pt;
	padding: 1px 4px 1px 14px;
	font-weight: bold;
	text-align: center;
}

.ticket-selection-table thead tr {
	background-color: f0dade;
}

.ticket-selection-table tbody td {
	color: #000; /*3D3D3D*/
	padding: 4px;
	vertical-align: middle;
	border-spacing: 2px;
}

/*
  modal dialog window formatting
*/
.modal fieldset {
	text-align: left;
}

.modal form label {
	width: 140px;
}

.coursestatsearchlabel {
	padding-left: 5px;
	padding-right: 1em;
}

.coursestats td:first-child {
	padding-left: 5px;
}

.coursestats td {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 14em;
	padding-right: 2em;
}

table.coursestats {
	width: auto !important;
}

table.stats {
	width: auto !important;
}

.stats td:first-child {
	padding-left: 2em;
}

.stats td {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 14em;
	padding-right: 2em;
}

img.stats {
	margin: 2em;
}

table.stats td {
	font-weight: 600;
}

.subdetail {
	padding-left: 2.5em !important;
}

.formfield {
	clear: left;
}

/*
TAB DESIGN
*/
div.mytabpanel div.tab-row {
	width: 100%;
}

div.mytabpanel div.tab-row ul {
	margin: 0;
	list-style: none;
}


div.mytabpanel div.tab-row li {
	border-top: 1px solid #3e6581;
	border-left: 1px solid #3e6581;
	border-right: 1px solid #3e6581;
	margin-right: 3px;
	display: inline;
}

div.mytabpanel div.tab-row a {
	text-decoration: none;
	font-weight: bold;
	color: #949494;
	padding-right: 5px;
	padding-left: 5px;
	background-color: #e6e6e6;
}

div.mytabpanel div.tab-row li.selected a {
	color: #333;
	background-color: #ffffff;
}

div.formposition {
	position: absolute;
	margin-left: 202px;
}

div.i18nfield {
	margin-bottom: 10px;
}

div.i18nfield textarea {
	margin-left: 0px;
}

.tennisRankingBackground {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('img/tennis_module_background.png');
	background: url(img/tennis_module_background.png) no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.client-bmeia .tennisRankingBackground {
	background-image: url('img/tennis_module_background_bmeia.png');
	background: url(img/tennis_module_background_bmeia.png) no-repeat top center fixed;
}

.appointmentsBackground {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('img/oew/background.png');
	background: url(img/oew/background.png) no-repeat top center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.warning {
	color: red;
}

/*
  appointment comments formatting
*/


.timeslot_blocked {
	background-color: #f0a0a0;
}

.timeslot_blocked_self {
	background-color: #f0a0a0;
}

.timeslot_unconfirmed {
	background-color: #f0f0a0;
}

.timeslot_booked {
	background-color: #a0f0a0;
}

.timeslot_booked_self {
	background-color: #f0a0a0;
}

/* changes
.registration label{
	width: 90px !important;
}
end*/

/* workaround for Safari: */
.registrationStreet {
	clear: both;
}

.labelFieldContainer {
	clear: both;
}

.appointmentStats {
	color: green;
}

.number-col {
	align: right;
}

img.smallicon {
	vertical-align: middle;
	outline: none;
	background-image: none;
	border: none;
	width: 24px;
	height: 24px;
}

.cbQuery {
	display: block;
}

.attributeList {
	margin-bottom: 1.5em;
	padding-left: 0.5em;
}

input[type="submit"] {
	/*box-shadow: 4px 4px 2px #6e340e;*/
	background-color: #e8e8e8;
}

input[type="submit"]:hover {
	background-color: #cccccc;
}

input[type="select"] {
	box-shadow: 4px 4px 2px #6e340e;
}

input[type="reset"] {
	box-shadow: 4px 4px 2px #6e340e;
}

input[type="button"] {
	box-shadow: 4px 4px 2px #6e340e;
}

.column {
	float: left;
}

.horizontalSeparator {
	clear: both;
}

iframe.payment {
	border: none;
	width: 500px;
	height: 700px;
	margin-left: -100px;
}

.filterTrigger input[type="submit"] {
	box-shadow: 0 0 0 #FFFFFF;
}

.square {
	display: flex;
	flex-wrap: wrap;
	flex-shrink: 0;
	width: 300px;
}

.square .clr-field button {
	width: 22px;
	height: 22px;
	left: 5px;
	right: auto;
	border-radius: 5px;
}

.square input {
	width: 150px;
	height: 32px;
	padding: 0 10px;
	border: 1px solid #ccc;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
	box-sizing: border-box;
}

.square .clr-field input {
	padding-left: 36px;
}

th.center {
	padding-left: 10px !important;
	padding-right: 10px !important;
	text-align: center;
}

div.center {
	margin-left: auto;
	margin-right: auto;
}

.right {
	text-align: right;
}

.right select {
	display: inline;
	float: none;
}

div.message {
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
}

table.ticket-selection {
	width: 100%;
	margin: 1em 0 2em;
	border: 1px;
}

/* payunity styles */
.cardSubmitButton {
	background: none repeat scroll 0 0 #EF5D00;
}

.cardSubmitButton:hover {
	background: none repeat scroll 0 0 #BF4D00;
}

.detailform {
	padding-bottom: 1.5em;
}

.importform {
	background-color: #cccccc;
}

.fa-check-circle:before {
	content: "";
	color: #73D62B;
	font-weight: 400px;
}

.fa-exclamation-circle:before {
	content: "";
	color: #dd3a0e;
	font-weight: 400px;
}

.fa {
	display: inline-block;
	font-family: FontAwesome;
	font-style: normal;
	font-weight: 400;
	line-height: 1;
}

/* total amount for tickets in selection */
.totalAmount .value {
	float: right;
	margin-right: 4em;
}

.totalAmount {
	font-weight: bold;
}

.inline, .inline div {
	display: inline;
	float: none;
}

div.inline {
	float: left;
}

.formeditor .addbutton {
	float: right;
}

.main-window.formeditor table.lid-table {
	width: auto;
	margin: 1em;
}

.formeditor .elementselection label {
	float: left;
	width: 8.5em;
	text-align: left;
}

.buttongroup {
	float: left;
	margin: 1.5em;
	font-weight: bold;
}

.buttongroup .linkbutton {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.actionicon {
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 2px;
	margin-bottom: 2px;
}

.ticketCategoryTable {
	width: 50%;
}

.ticketCategoryDiv {
	width: 70%;
	float: left;
}

.infobox {
	position: fixed;
	top: 50%;
	right: 10%;
	margin-right: 15%;
	max-width: 300px;
}

.indicator {
	vertical-align: middle;
}

h2.smallpanel {
	/*background: url("img/bg/django-blue-revers.gif");*/
	background-color: #eee;
	padding-left: 5px;
	margin: 2px 0px 10px 0px;
	height: 20px;
	line-height: 20px;
	width: 100%;
	font-size: 1.1em;
	font-weight: normal;
	float: left;
	color: #000;
	border-radius: 4px
}

sup.beta {
	color: red;
}

.preview {
	vertical-align: text-top;
}

.mosaicoDesignContainer {
	display: inline-block;
}

.mosaicoDesign {
	margin: 10px;
	display: inline-block;
	vertical-align: top;
	text-align: center;
}

.mosaicoDesign .description {
	margin-bottom: 0.5em;
}

.mosaicoDesign a {
	display: block;
	outline: 2px solid #333332;
	padding: 2px;
	width: 340px;
	height: 500px;
	overflow-y: auto;
}

.icontextcontainer {
	/*background-color: rgb(153, 153, 153);*/
}

.buttonChoice {
	margin: 8px;
}

.buttonChoice input {
	margin: 4px;
}

.emailHistoryStatus {
	font-weight: 600;
}

div.historyContainer {
	padding-top: 5px;
	padding-bottom: 5px;
}

.unsubscribeText {
	text-align: center;
	display: block;
	margin-bottom: 10px;
}

.unsubscribeBtn {
	width: 100px;
}

.invSuccessPage {
	text-align: center;
	margin-top: 10px;
}

.mailIcon {
	margin-right: auto;
	margin-left: auto;
	display: block;
}

/* Custom */
.mdSelect select {
	font-family: inherit;
	background-color: transparent;
	width: 100%;
	padding: 4px 0;
	font-size: 100%;
	color: #000000;
	border: 1px solid #aaaaaa;
}

.mdSelect select:focus {
	outline: none;
}

.attending-color {
	color: #5CAED5;
}

.ctrlbutton {
	font-style: normal;
	/*font-weight: 600;*/
	float: left;
	border: solid grey 1px;
	background-color: buttonface;
	margin-top: 4px;
	margin-right: 3px;
	margin-left: 3px;
	padding: 5px;
}

.externalFormIcon {
	width: 32px;
	height: 32px;
}

a.filterCategoryLink:link {
	color: #000;
}

a.filterCategoryLink:visited {
	color: #000;
}

img.previewImage {
	width: 250px;
	min-width: 250px;
	vertical-align: middle;
}

div.previewPanelField {
	clear: left;
}

div.previewPanelField input[type="submit"], div.previewPanelField input[type="file"] {
	margin-bottom: 10px;
	width: 300px;
	background-color: #fff;
	text-align: center;
	font-weight: bold;
	padding: 0px;
}

div.previewPanelField input[type="submit"] {
	width: 302px;
}

.emptyVariableInput {
	background-color: #eee;
}

.variableInput {
	width: 300px;
	padding: 0;
}

.selectedVariableInput {
	background-color: #fff;
}

.mce_styleprops {
	display: none !important;
}

span.goto span.disabledlink {
	font-weight: bold;
	font-size: 11pt;
}

div.listedit div.listeditmiddle {
	padding: 2px;
}

span.parentEventNameContainer div.mytabpanel span {
	width: auto !important;
	border: none !important;
	margin-top: 5px;
}

div.groupCheckboxList label {
	clear: none;
}

.checkBoxGrid {
	display: grid;
	grid-template-columns: 25px 25px 1fr;
	grid-gap: 10px;
	grid-template-areas: "col col label";
}

.checkBoxGrid.checkBoxColumnLabel {
	grid-area: label;
}

span.categoryNameLabel {
	display: inline-block;
	margin-top: 5px;
}

.categoryIcon {
	margin-top: 7px;
	margin-left: 5px;
	height: 12px;
}

.checkBoxGrid.checkBoxColumn {
	grid-area: col;
	text-align: center;
}

.weekDateGrid {
	display: grid;
	grid-template-columns: 80px 1fr;
	grid-gap: 10px;
	grid-template-areas: "label col";
}

.weekDateGrid.weekDateColumnLabel {
	grid-area: label;
	vertical-align: top;
}

.weekDateGrid.weekDateColumnData {
	grid-area: col;
	display: inline-block;
}

span.dataPanelLabel {
	display: inline-block;
	padding-top: 5px;
}

div.contactCategories label {
	clear: none !important;
}

table.whoiswho {
	border-collapse: seperate;
	margin-left: auto;
	margin-right: auto;
	border: 0px;
	page-break-inside: auto;
}

table.whoiswho th {
	background: none !important;
	color: black !important;
	border: 1px solid black;
	padding-left: 6px !important;
	font-size: 14pt;
}

table.whoiswho tr {
	background: white;
	page-break-inside: avoid;
	page-break-after: auto
}

table.whoiswho td {
	text-align: left;
	padding-left: 0.5em;
	padding-right: 0.5em;
	border: 1px solid black;
}

table.whoiswho td img {
	width: 120px;
	height: 155px;
}

table.whoiswho .navigation {
	display: none;
}

table.whoiswho td {
	width: 150px;
	word-wrap: break-word;
	overflow-wrap: break-word;
	font-size: 14pt;
	max-width: 150px;
}

table.whoiswho thead {
	display: none;
}

table.whoiswho-left {
	float: left;
}

table.whoiswho-right {
	display: inherit;
}

table.whoiswho-right td {
	border-left: none;
}

.filterBlocks div select, .filterBlocks div input {
	max-width: 90%;
	margin-bottom: 0px;
}

.filterCategoriesModalWindow input {
	height: initial;
}

.headerLicenseeLogo {
	max-height: 45px;
	border-radius: 5px;
}

.headerLicenseeText {
	display: block;
	text-align: center;
	margin: 5px 0px
}

.igovWarning {
	display: inline-block;
	font-weight: bold;
	max-width: 350px;
	margin-bottom: 10px;
}

.icontextcontainer {
	display: flex;
	justify-content: space-between;
}

.pane select {
	height: 100%;
}


.rangeSlider {
	-webkit-appearance: none;
	height: 10px;
	border-radius: 5px;
	background: #f07d0638;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
}

.rangeSlider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #f07d06;
	cursor: pointer;
}

.rangeSlider::-moz-range-thumb {
	-webkit-appearance: none;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #f07d06;
	cursor: pointer;
}

.minValueLabel {
	margin-left: 0px;
}

.maxValueLabel {
	margin-right: 0px
}

.rangeSliderWrapper {
	display: inline-block;
	min-width: 225px;
	margin-bottom: 10px;
}

.rangeSlider:disabled {
	background-color: #c5c5c5;
}

.rangeSlider:disabled::-webkit-slider-thumb {
	background-color: black;
}

.rangeSlider:disabled::-moz-range-thumb {
	background-color: black;
}

.rangeSliderLabelsWrapperList {
	display: flex;
	justify-content: space-between;
}

.externalLinkIcon {
	max-width: 20px;
	image-rendering: pixelated;
}

.deletePhoto {
	align-self: flex-start;
}

.colorMarkPanel {
	width: 25px;
	display: inline-block;
}

.colorMark {
	width: 20px;
	height: 20px;
	display: inline-block;
}

.xlsFeedback {
	max-width: 260px;
	margin-left: 202px;
}

.redirectMessage {
	margin-top: 2em;
}

.resultPage {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 20px;
}

.loading-indicator {
	/* Should be set to display flex */
	display: none;
	align-content: center;
	height: 36px;
	align-items: center;
	margin-top: 5px;
}

/* Overwrite tinymce styling */
.tox .tox-tbtn {
	height: unset !important;
	margin: 0px !important;
}

.tox-tinymce {
	border: #CCC solid 1px !important;
	border-radius: unset !important;
}

.tox:not(.tox-tinymce-inline) .tox-editor-header {
	box-shadow: unset !important;
	border-bottom: #CCC solid 1px !important;
	background: #F0F0EE !important;
	padding: 0px !important;
}

.tox .tox-toolbar-overlord {
	background: unset !important;
}

.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
	background: unset !important;
}

.tox .tox-toolbar__group {
	padding: 0px !important;
}

/* Print doc detail tinymce */
div#printDocumentDetail .tox:not(.tox-tinymce-inline) .tox-editor-header {
	background: unset !important;
	border-bottom: 2px solid #AAAAAA !important;
}

div#printDocumentDetail .tox-tinymce {
	border: unset !important;
}

div#printDocumentDetail .tox .tox-edit-area__iframe {
	background: unset !important;
}