/* $Id: style.css,v 1.21 2011-10-16 00:18:56 administrator Exp $
*  Styles used within the otrg system
*/

body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10pt;
	margin:0;
	padding:0;
}

h1{
	font-size: 16pt;
}

#headerRight h1 {
	display: block;
	font-size: 14pt;
	font-weight: wide;
}

pre {
	font-family: Courier New, monospace;
	border: 1px solid #aaaaff;
	margin: 0.5em 3em 0.5em 3em;
	padding: 0.5em;
}

a:link, a:visited, a:focus, a:hover, a:active {
	text-decoration: none;
	color: #7F7F7F;
	font-size: inherit;
}

.header_special{
	color: #900;
}

a img {
	border: none;
	margin: 0px;
	padding: 0px;
}

td {
	vertical-align: top;
}

th {
	font-weight: normal;
	text-align: left;
	font-style: italic;
	padding-bottom: 5px;
}

#supercleanfooter p {
	font-size: 70%;
	color: #999999;
	clear: both;
}

#supercleanfooter a {
	color: #999999;
}


.supercleancopyright {
	font-size: 100%;
}

input, textarea, select {
	font-size: 100%;
	border: 1px solid #BBCCCC;
	border-radius: 3px;
	box-shadow: none;
	text-indent: 3px;
	margin-bottom: 3px;
	min-height: 1.5em;
}
input.small {
    width: 5rem;
}
input[type=radio] {
    margin-bottom:0;
}
input[type=checkbox] {
    cursor: pointer;
}
input[type=checkbox][disabled] {
    opacity: 0.6;
    cursor: default;
}

.inputlabel {
	font-size: 100%;
	border: 0px solid #BBCCCC;
	border-radius: 3px;
	box-shadow: none;
	text-indent: 3px;
	margin-bottom: 3px;
	vertical-align: middle;
	min-height: 1.5em;
}

.textfield {
	max-width: 400px;
}


select {
	font-size: 100%;
	max-width: 400px;
	min-width: 100px;
	min-height: 2.0em;
}

a.but {
	text-decoration: none;
	border: 0px solid red;
	background: transparent;
	margin: 0px;
	padding: 0px;
}

.calendarzoom .but,.calendar .but {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: transparent;
}

.calendarzoom .calicon {
	height: auto;
	width: auto;
}

.calendarzoom, .calbookperson, .calcomment, .callphone {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border: 0px none;
}

.error,.msgerror,.msgwarning,.msgsuccess,.msghint,.msghelp,.msgtxt,.sql,.calendarNavigation {
	margin: 0;
	padding: 5px;
	width: 668px;
	min-height: 22px;
}

/* if VERBOSESQL is turned on, then the SQL command are echoed to the screen in this style */
.sql {
	border: 1px solid #bcc;
	background-color: #ccccff;
}

.error,.msgerror {
	border: 1px solid #bcc;
	background:url("../theme/images/errorItem.png") no-repeat left top ;
	background-position:3px 3px;
	background-color: #ffcccc;
    padding-left: 45px;
    width: 628px;
    min-height: 35px;
    margin: 0px;
    margin-top: 5px;
}

.error-line {
    background-color: #fee;
}

/* warning messages */
.msgwarning {
	border: 1px solid #bcc;
	background:url("../theme/images/modern/warning.svg") no-repeat left top ;
	background-position:3px 3px;
	background-color: #FFDCB4;
    background-size: 25px;
    padding-left: 45px;
    width: max-content;
    min-height: 35px;
    margin: 0px;
    margin-top: 5px;
}

/* success msg */
.msgsuccess {
	border: 1px solid #bcc;
	background:url("../theme/images/modern/ok.svg") no-repeat left top ;
	background-position:3px 3px;
	background-color: #ccffcc;
    background-size: 25px;
    padding-left: 45px;
    width: 628px;
    min-height: 35px;
    margin: 0px;
    margin-top: 5px;
}

.success-line {
    background-color: #efe;
}

.msghint {
	border: 1px solid #bcc;
	font-weight: bold;
}

.msghelp {
	border: 1px solid #bcc;
	background:url("../theme/images/modern/help.svg") no-repeat left top ;
	background-position:3px 3px;
    background-size: 25px;
    padding-left: 45px;
    width: 628px;
    min-height: 35px;
    margin: 0px;
    margin-top: 5px;
}

.msgtxt {
	border: 1px solid #bcc;
	background:url("../theme/images/modern/help.svg") no-repeat left top ;
	background-position:3px 3px;
    background-size: 25px;
    background-color: #eeeeee;
    padding-left: 45px;
    width: 850px;
    min-height: 35px;
    margin: 0px;
    margin-top: 5px;
}

.msghint ul {
	background:url("../theme/images/modern/info.svg") no-repeat left top ;
	background-position:3px 3px;
    background-size: 25px;
    padding-left: 45px;
    padding-right: 5px;
    min-height: 35px;
    margin: 0px;
}

.msgerror ul li{
	margin-bottom:3px;
    margin-left: 10px;
    list-style-type: none;
    list-style-position:outside;
}

.msghelp ul li{
	margin-bottom:3px;
    margin-left: 10px;
    list-style-type: circle;
    list-style-position:inside;
}

.msgerror .button{
    margin-top:10px;
}


.msgwarning ul li{
	margin-bottom:3px;
    margin-left: 10px;
    list-style-type: none;
    list-style-position:outside;
}

.msgsuccess ul li{
    margin-bottom:3px;
    margin-left: 10px;
    list-style-type: none;
    list-style-position:outside;
}

.msgwarning .button{
    margin-top:10px;
}


.msghint .button{
    margin-top:0px;
}

span.hintItem{
	padding: 2px;
	display: inline-block;
	margin: 3px;
	margin-right: 7px;
	border: 1px solid #bcc;
	-webkit-border-radius: 3px;
 	border-radius: 3px;
}

/* sync log layouting and formating stuff */

.loglevelERROR{
	background-color: red;
	font-weight: bold;
}

.loglevelWARNING{
	background-color: orange;
}
table.actionSettingsTable{
    min-width:460px;
}
/* default table layout stuff  */

table.selectlist, .tabularobject {
	width: 680px;
	padding: 2px;
	margin: 0px;
	margin-top: 10px;
	margin-bottom: 10px;
	border: 1px solid #bcc;
	border-spacing: 0px;

	-webkit-border-radius: 7px;
 	border-radius: 7px;
}
table.selectlist>thead>tr>th {
    font-weight: bold;
}

.tabularobject label:has([type=radio]) {
    display: inline-flex;
    align-items: center;
}

.innerTabularObject{
	width: 100%;
}

table td.currency {
    text-align: right;
}

.inlineGridHeading{
	font-weight: bold;
	padding-top: 10px;
	text-indent: 3px;
	padding-bottom: 2px;
}

.inlineGridContent{
	width: 672px;
	padding: 2px;
	margin: 0px;
}


.showWireFrame td{
	border-top: 1px solid #bcc;
}

.showWireFrame th{
	font-size: 10px;
}

.inputerror {
	border: 1px solid red;
	background-color: #ffcccc;
}

.inputerror td {
	background-color: #ffcccc;
	padding: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
}

td.itemL {
	padding-left: 0.3em;
	padding-right: 0.3em;
}

td.itemR {
	padding-right: 0.3em;
}

td.itemRightAlign {
	padding-right: 0.3em;
	text-align: right;
}

tr.itemrow td{
	padding-top:7px;
	padding-bottom:7px;
	border-bottom: 1px dotted #7F7F7F;
	/*padding: 10px;*/
}
tr.splitted{
	background-color: #f3f2f2;
}

.notice{
	font-style: italic;
	font-size: 0.8rem;
	text-decoration: underline;
}
.small{
	font-weight: 0.5rem;
}
.warning {
	color:red;
}
tr.gridreport-sumrow td{
	/*border-bottom: 2px dashed #7F7F7F;*/
	padding: 3px;
}

tr.itemrowbold {
	font-weight: bold;
}

tr.itemrow:hover {
	background-color: #FFFF99;
}

#menulist li.menuItem:hover {
	background-color: #FFFF99;
}

#menulist li.menuSection:hover {
	background-color: transparent;
}

#fmenu ul {
	color: black;
	padding-top:5px;
}

td.itemL a {
	display: block;
}

.calendarNavigation{
	text-align:center;
	border: 1px solid #CDDDDD;
    border-bottom: 0;
	width: 1030px;
}
.calendarNavigation a{
    font-weight: bold;
}

/*<!-- format ddw for time selector -->*/
.time-ddw{
	width: 60px;
}

.recurringBookingsListHeader{
	font-weight: bold;
}

.tableHeader{
	font-weight: bold;
	font-style: italic;
}

/*<!-- overlay stuff /-->*/

* html body /* IE only */
{
    height: 100%;
    width: 100%;
    margin: auto;
}

.lightbox {
	color: #333;
	display: none;
	position:absolute;
	top: 25%;
	left: 35%;
	width: 30%;
	height: 10%;
	padding: 1em;
	border: 3px solid #fff;
	background-color: #FFDCB4;
	text-align: center;
	font-weight: bold;
	z-index:1001;
	overflow: auto;

	background: #FFDCB4 url(images/progressbar_red.gif) center center no-repeat;

}

#overlay{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:1000;
	background-color: #7F7F7F;
	-moz-opacity: 0.4;
	opacity:.40;
	filter: alpha(opacity=40);
}

.simpletext{
	font-weight: normal;
	font-size: 13px;
}

.lightbox[id]{ /* IE6 and below Can't See This */   position:fixed; }
#overlay[id]{ /* IE6 and below Can't See This */    position:fixed; }




div.floated {
	width: 400px;
	float: left;
	margin-left: 1em;
}

div#myElement,div#invoices {
	width: 100px;
	/*max-height: 100px;*/
	border: 1px none black;
	background-color: #f9f9f9;
	float: left;
}

div#myOtherElement,div#invoices {
	width: 200px;
	height: 20px;
	line-height: 20px;
	overflow: hidden;
	border: 1px none black;
	background-color: #f9f9f9;
}

div#myOtherElement span,div#myOtherElement a,div#invoices span,div#invoices a
	{
	display: block;
	padding: 0 3px;
}

div#myOtherElement a:hover,div#invoices a:hover {
	background: #aaa;
}

#ui-datepicker-div {z-index:99 !important;}

.ui-accordion-header{max-width:830px !important;font-size:1.2em !important;}
#tabs {font-size:1.1em !important;}
/*.ui-tabs-anchor {background-color:#9BAF3C;}*/
#tabs .ui-state-active {background-color:#9BAF3C !important;border: 0 !important; }

.ui-autocomplete{padding:10px !important;border-bottom:2px solid #AFACAC !important;border-right:2px solid #AFACAC !important;background-color:#F5EFEF !important;}

/*----------------------- table default --------------------------------------------*/

#tabdev,.tabdev  {border-width: 1px;
                 border-color: #CCC6C6;
                 border-style:outset;
                 margin-bottom:5px;
                 border-collapse:collapse;}

#tabdev th,.tabdev th {font-weight:bold;
	          padding:5px;
	          font-style:normal;
	          border-bottom:1px solid #CCC6C6;
	          background-color:#9BAF3C;
                              color:white;}

#tabdev td,.tabdev td {padding:5px;
	          border-top:1px solid #CCC6C6;
	          border-left:1px solid #CCC6C6;}

#tabdev .noborder,.tabdev .noborder  {border:0px solid black !important;}

/* Vermeide <br> */
.tabdev {
    margin: 1rem 0;
}

/*--------------------------------- MENUE LIST -------------------------------*/
.countticket{/*position: absolute;
	           left:15em;
	           top:2em;*/
	           color:#EC0C0C;
	           font-weight:bold;
	           font-size:1.5em;}

.flex-row {
    display: inline-flex;
    align-items: center;
}
.flex-row-block {
    display: flex;
    align-items: center;
}
.flex-row>input {
    margin:0;
}
.flex-gap-4 {
    gap: 4px;
}
.flex-gap-12 {
    gap: 12px;
}

.flex-gap-12 {
    gap: 12px
}

.flex-column {
    display: inline-flex;
    flex-direction: column;
}
.spaced {
    justify-content: space-between;
}

.inline-form {
    border:1px solid #ccc;
    border-radius: 3px;
    padding: 5px;
}

.search-form {
    padding: 5px 0;
}
.search-form select {
    min-height: auto;
    min-width: 5rem;
    margin:0;
}
.search-form input {
    margin:0;
}
.search-form >.search-form-line {
    display: flex;
    justify-content: space-between;
    gap: 4px;
    margin: 0.2rem 0;
}
.search-form >.search-form-line.toplined {
    padding-top:0.25rem;
    border-top: 1px solid #ccc;
    margin-top: 0.35rem;
}

/* --- Prototyp Edit-Schalter --- */
a.editanchor,
.leistungen-selectlist a.itemanchor {
    width: 24px;
    height:24px;
    overflow: hidden;
}
a.editanchor:before,
.leistungen-selectlist a.itemanchor:before {
    content: "";
    display: inline-block;
    width:24px;
    height:24px;
    background: url("images/modern/edit.svg");
    background-size: 80%;
    background-position: center center;
    background-repeat: no-repeat;
}
/* Prototyp Action-Icon */
[class^=iconbtn-] {
    content: "";
    display: inline-block;
    width:24px;
    height:24px;
    background-size:contain;
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
}
[class^=iconbtn-].active {
    background-color: #ddccaa;
    border-radius: 1px;
}

.small[class^=iconbtn-] {
    width:18px;
    height:18px;
}

.iconbtn-edit {
    background-image: url("images/modern/edit.svg");
}

.iconbtn-add {
    background-image: url("images/add.png");
}

.iconbtn-cancel{
    background-image: url("images/modern/undo.svg");
}

.iconbtn-confirm {
    background-image: url("images/modern/ok.svg");
}

.iconbtn-delete {
    background-image: url("images/modern/delete.svg");
}

.iconbtn-filter {
    background-image: url("images/filter.png");
}


.iconbtn-reset {
    background-image: url("images/reset.png");
}

.parameterinfo {
    display: table;
}
.parameterinfo>div {
    display: table-row;
}
.parameterinfo>div>span {
    display: table-cell;
}