* { padding:0px; margin:0px; }

html, body { width: 100%; height: 100%; }

body { 
	font-family:tahoma; 
	font-size:12px; 
	line-height:150%; 
	/*background-image:url(../gfx/body_background.gif);
	background-repeat:repeat-x;
	background-color:#FFFFFF;*/
	
	background-image:url(../gfx/bgr_body.png);
	background-repeat:repeat-x;
	/*background-color:#e6e6e6;*/
	background-color:#3c3c3c;
}

.row-mapping {
	float:left;
	margin-right:20px;
}

.row-placeher {
	float:left;
	height:180px;
	width:30px;	
}

a img {
	border:0 none;	
}

hr {
	border:0 none;
	height:1px;
	border-bottom:1px solid #666666;	
}

.old, .gekuendigt, .isdeleted { 
	filter: alpha(opacity:76);
	KHTMLOpacity: 0.76;
	MozOpacity: 0.76;
	opacity: 0.76;
}

.isdeleted span {
	text-decoration:line-through;	
}

.legend li {
	line-height:100% !important;
	font-size:11px;
	margin-bottom:3px;
}

.block {
    border: 1px solid #666666;
    float: left;
    height: 8px;
    margin-right: 7px;
    width: 8px;
}

.checkbox-selector { text-decoration:none; display:block; width:16px; height:16px; background-image:url(../gfx/ico/inv.gif); background-repeat:no-repeat; background-position:center center; }

.legend-gekuendigtabgeklemmt { background-color:#c05cfa !important; }
.legend-gekuendigt { background-color:#ff9598 !important; }
.legend-abgeklemmt { background-color:#148bdf !important; }
.legend-abklemmungsvermerk { background-color:#FAFE84 !important; }

h1 { font-size:16px; margin-bottom:10px; font-weight:bold; color:#459E00; }
h2 { font-size:13px; margin-bottom:10px; font-weight:bold; color:#459E00; }
ul.error { margin-left:20px; color:red; border: 0 none !important; }
input.error { border:1px solid red; }
.error { color:red !important; border:1px solid red !important; }
.erfolg { color:green; }

#page { 
	/*position:relative;
	top:1%;
	top:20px;
	background-color:#FFFFFF;
	border-top:1px solid #666666;*/
	min-height:100%;
	width:100%;
}

*html #page {
	height:100%;
}

#dialog {
	display:none;	
}

#dialog  .ui-helper-clearfix
{
	/*width:100% !important;
	display:block !important;	*/
}

#connection-status {
	float:left;
	height:20px; 
	width:80px;	
}

.login_form {
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	color:#000000;
	height:240px;
	left:50%;	
	margin-left:-190px;
	margin-top:-110px;
	overflow:hidden;
	position:absolute;
	top:50%;
	width:380px;
}

#login_banner {
	background-image:url(../gfx/body_bgr.gif);
	height:50px;
	line-height:50px;
	width:375px;
	padding-left:15px;
}

.login_content {
	padding:15px;
}

#hmenu {
	height:40px;
	background-color:#F3F3F3;
	width:100%;
	margin-bottom:30px;
}

#wrapper {
	position:relative;
	width:100%;
	min-height:97%;
}

#sidebar {
	position:absolute;
	top:0px;
	left:0px;
	width:230px;	
	min-height:97%;
	padding:10px;
}

#content {
	position:relative;
	left:245px;
	top:0px;
	display:inline-block;
	/*margin-left:10px;*/
	padding:10px;
}

.clearer {
	clear:both;
}

.ui-helper-clearfix
{
	/*display:inline-block;	*/
}

.form, .form_disabled {
	margin-top:10px;
	margin-bottom:10px;	
}

.form .left, .form_disabled .left {
	float:left;	
	margin-right:15px;
	padding-right:15px;
}

.form .right, .form_disabled .right {
	float:left;	
}

.seperator, .separator {
	clear:both;
	height:7px;	
}

.submitbtn {
	width:80px;	
	float:right;
	margin-top:25px;
}

#konfiguration label{
	width:14em;	
}

#konfiguration .text {
	text-align:right;
}

.text, .longtext, .textarea, .smalltext, .ui-tabs .text, .textarea, .tinytext, .minitext {
	border:1px solid #CCC;
	width:220px;
	padding-left:3px;
	padding-right:3px;
	background-image: url("../gfx/bgrtext.gif");
    background-repeat: repeat-x;
}

input.text[disabled="disabled"] { background:transparent; color:#000000; border:0px; }

.ui-autocomplete-input {
	background-image: url("../gfx/bgrtext.gif");
    background-repeat: repeat-x;	
    height:18px;
}

hr {
	border:0 none;
	height:1px;
	border-bottom:1px solid #CCCCCC;	
}

.ui-tabs .text {
	width:200px;	
}

.form .longtext {
	width:350px;	
}

.smalltext {
	width:150px !important;	
	text-align:right;
}

.tinytext {
	width:100px !important;	
}

.minitext {
	width:30px !important;	
}	

.textarea {
	width:350px;	
	height:150px;
}

.select {
	width:170px;
	border:1px solid #CCCCCC;
	background:0 none;
	background-image: url("../gfx/bgrtext.gif");
}

.form_disabled .text, .form_disabled .smalltext, .form_disabled .tinytext, .form_disabled .minitext {
	border:1px solid #FFF;
	width:220px;
	background-color:#FFF;
	padding-left:3px;
	padding-right:3px;
}

label {
	width:7em;
	display:block;
	float:left;
}

#generalinformation #telefon_vorwahl,#fax_vorwahl,#telefon_dienstlich_vorwahl,#handy_vorwahl {
	width:60px;
	margin-right:4px;
}

#generalinformation #telefon_rufnummer,#fax_rufnummer,#telefon_dienstlich_rufnummer,#handy_rufnummer {
	width:148px;
}

.show .text {
	border:0 none;
	background-color:transparent;	
}

#content table td{
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #CCC;	
	border-right:1px solid #CCC;
	padding-left:10px;
	padding-right:10px;	
	width:150px;
	height:25px;
}

#content table {
	border-left:1px solid #CCC;
	border-top:2px solid #666;	
	width:100%;
}

#content table th {
	border-bottom:1px solid #666;
	font-size:16px;
	font-weight:normal;	
	border-right:1px solid #CCC;
	background-color:#666666;
	height:40px;
	color:#FFFFFF;
}

#content table th a {
	text-decoration:none;	
	display:block;
	line-height:40px;
	padding-left:25px;
	padding-right:25px;
	white-space:nowrap;
	height:100%;
	color:#FFFFFF;
	padding-top:2px;
	padding-bottom:2px;
}

#content table th .active{
	background-color:#459E00;	
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}

.pager {
	margin-top:0px;
	float:left;
}

.pages-link {
	margin-top:15px;
	float:left;
}


.pager a, .pages-link a {
	text-align:center;
	display:block;
	width:20px;
	height:20px;
	line-height:20px;
	text-decoration:none;
	float:left;
	border:1px solid #CCC;
	background-color:#FFF;
	margin-right:1px;
}	
						
.pager a.active, .pages-link a.active {
	background-color:#999999;
	color:#FFFFFF;
}

.pager a:hover, .pages-link a:hover {
	background-color:#d7d7d7;
}

#logo {
	margin-left:10px; 
	margin-right:10px; 
	float:left;	
}

#logo-login {
	float:left;
	margin-top:5px;
	margin-right:125px;	
}

tr.odd { background-color:#eeeeee; }
tr.even { background-color:#FFFFFF; }

.UserWrapper label, .GruppeWrapper label { display:inline; }
.UserWrapper input, .GruppeWrapper input { float:right; width:60%; margin-bottom:5px; }
.UserWrapper select, .GruppeWrapper select { float:right; width:60%; margin-bottom:5px; }
 
 .ico { padding-left:30px !important; background-repeat:no-repeat; }
 .icoclick { background-repeat:no-repeat; height:16px; width:16px; float:left; text-decoration:none; }
 li .ico { background-position:3px center; }
 .ico_user { background-image:url("../gfx/ico/user.png"); }
 .ico_group { background-image:url("../gfx/ico/group.png"); }
 .ico_user_add { background-image:url("../gfx/ico/user_add.png"); }
 .ico_group_add { background-image:url("../gfx/ico/group_add.png"); }
 .ico_backup_restore { background-image:url("../gfx/ico/restore.png"); }
 .ico_backup_backup { background-image:url("../gfx/ico/backup.png"); }
 .ico_stats { background-image:url("../gfx/ico/stat.png"); }
 .ico_offeneposten { background-image:url("../gfx/ico/offeneposten.png"); }
 .ico_beglicheneposten { background-image:url("../gfx/ico/beglicheneposten.png"); }
 .ico_vertragsdokumente { background-image:url("../gfx/ico/vertraege.png"); }
 .ico_back { background-image:url("../gfx/ico/back.png"); }
 .ico_ticket { background-image:url("../gfx/ico/vertraege.png"); }
 .ico_vertrag { background-image:url("../gfx/ico/vertraege.png"); }
 .ico_useredit { background-image:url("../gfx/ico/user_edit.png"); }
 .ico_userdelete { background-image:url("../gfx/ico/user_delete.png"); }
 .ico_objekt { background-image:url("../gfx/ico/house.png"); }
 .ico_search { background-image:url("../gfx/ico/magnifier.png"); }
 .ico_delete { background-image:url("../gfx/ico/bin.png"); }
 .ico_export { background-image:url("../gfx/ico/page_white_text.png"); }
 .ico_rechnungen { background-image:url("../gfx/ico/rechnungen.png"); }
 .ico_overview { background-image:url("../gfx/ico/overview.png"); }
 .ico_create { background-image:url("../gfx/ico/add.png"); }
 .ico_edit { background-image:url("../gfx/ico/pencil.png"); }
 .ico_delete2 { background-image:url("../gfx/ico/delete.png"); }
 .ico_restart { background-image:url("../gfx/ico/redo.png"); }
 .ico_convertdocuments { background-image:url("../gfx/ico/convertdocuments.png"); }
 .ico_beabgleich { background-image:url("../gfx/ico/beausgleich.png"); }
 .ico_password { background-image:url("../gfx/ico/cog.png"); }
 .ico_warning { background-image:url("../gfx/ico/exclamation.png"); }
 
 .radiogrp {
 	width:auto !important;
 	border:0 none !important;
 }
 
 .radiogrp td {
 	padding:0px !important;
 	border:0 none !important;
 	text-align:left !important;
 }
 
 .radiogrp .pt {
 	width:20px !important;
 }

.checkbox {
	height:20px;
	line-height:10px;
	width:auto !important;
	margin-right:11px;
}

.radiogrp .radiobtn {
	width:22px !important;	
}

.border-right {
	border-right:1px solid #CCC;	
}

#search {
	padding:10px;	
}

#search #pattern {
	border:1px solid #CCC;
	width:190px;
	padding-left:5px;
	padding-right:5px;
	height:20px;
}


#sidebar .ui-tabs {
	margin-bottom:15px;	
	padding:10px;
}

#customertools ul, #sidebar ul {
	list-style:none;
	padding:0;
	margin:0;		
}

#customertools li a, #sidebar li a {
	display:block;
	height:27px;
	text-decoration:none;
	line-height:27px;	
	padding-left:20px;
	background-color:#FFFFFF;
	border:1px solid #EEE;	
	margin-bottom:3px;
}

#customertools li a:hover, #sidebar li a:hover, #customertools li.act a,  #sidebar li.act a {
	background-color:#CCCCCC !important;
	border:1px solid #666666 !important;
}

#wlaninformation label {
	width:8em;
}

#feedback { font-size: 1.4em; }
#all_perspectives .ui-selecting { background: #459E00; }
#all_perspectives  .ui-selected { background: #459E00; color: white; border:1px solid #DFD9C3 !important; }
#all_perspectives  { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#all_perspectives  li { text-align:center; margin-left:3px; margin-top:3px; margin-bottom:3px; padding: 0.4em; font-size: 1.2em; height: 15px; border-right:0 none !important; }
#perspectiveaction ul { list-style:none !important; }
#perspectiveaction a { text-decoration:none; }
#perspectiveaction  li { list-style:none !important; text-align:center; margin-right:3px; margin-top:3px; margin-bottom:3px; padding: 0.4em; font-size: 1.2em; height: 15px; border-left:0 none !important; }
.editperspective { margin-right:10px; margin-left:10px; }

.orderdown {
	background-image:url(../gfx/order_up.png);
	background-repeat:no-repeat;
	background-position:95% 90%;	
}

.orderup {
	background-image:url(../gfx/order_down.png);
	background-repeat:no-repeat;
	background-position:95% 90%;	
}

p {
	margin-top:10px;
	margin-bottom:10px;	
}

.source, .destination {
	text-align:right;
	border:1px solid #CCC;
	width:80px;	
	background-color:#FFFFFF;
	float:left;
	min-height:50px;
}

.destination {
	margin-left:5px;	
}

.selectablelist {
	background-image: url("../gfx/bgrtext.gif");
	background-repeat:repeat-x;
}

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

.selectablelist ul li {
	height:20px;
	line-height:20px;
	padding-left:3px;
	padding-right:3px;
}

.monthyearpicker {
	float:left;
	margin-right:20px;
}

.monthyearpicker .month {
	width:40px;
	height:22px;
	margin-right:5px;
}

.monthyearpicker .year {
	width:60px;
	height:22px;
}

.rechnungoffen, .mailoffen, .mahnungoffen, .hasnoconnection {
	background-color: rgb(255, 149, 152);
}

.rechnungbezahlt, .mailversandt, .mahnungerledigt, .dta, .hasconnection {
	background-color: rgb(221, 255, 195);
}

.existent {
	color: #459E00;
}

.notexistent {
	color: #ff0d0d;
}

.textsmall {
	font-size:11px;
	font-weight:bold;
}

.functionlinks {
	float:left;
}

.filelist {
	height:150px;
	padding:5px;
	width:95%;
	border:1px solid #CCCCCC;
	background-color:#FFFFFF;
	overflow:auto;
	background-image: url("../gfx/bgrtext.gif");
	background-repeat:repeat-x;
}

.hinttext {
	font-size:11px;
}

.col_left { width:48%; float:left; }
.col_right { width:48%; float:right; }
.col_right select, .col_left select { width:100%; }

#ortecontroller .text {
	margin: 0 0 10px 0;
}

.ui-dialog .ui-dialog-titlebar-close span { left:-1px; top:-1px; }

.ui-autocomplete { z-index:2;
	height:200px;
	overflow:auto;
}

.loading {
	background-image:url(../gfx/loading.gif);
	background-repeat:no-repeat;
	background-position:50% 50%;	
}

#objektdetails {
	min-height:200px;
	width:100%;	
}

.ui-button { margin-left: -1px; }
.ui-button-icon-only .ui-button-text { padding: 0.35em; } 
.ui-autocomplete-input { margin: 0; /*padding: 0.18em 0 0.27em 0.45em;*/ }

.ui-button-text { padding:0.0em !important;  }

.button {
	float:right;
	margin-top:15px;	
}

.twocolumns .left {
    float: left !important;
    min-height: 1px !important;
    width: 48% !important;
}

.twocolumns .right {
    float: right !important;
    min-height: 1px !important;
    padding-top: 0 !important;
    width: 48% !important;
}

.smallheader {
	padding:2px !important; 
	font-size:13px !important;
}

/*Textausrichtung*/
.align-center {
	text-align:center !important;	
}

.align-left {
	text-align:left !important;	
}

.align-right {
	text-align:right !important;	
}

#sidebar .text {
	width:180px;	
}
#sidebar .text-100 { width:100%; box-sizing:border-box; }

.checkbox-label input {
	margin:0;
	padding:0;
	float:left;
}

.debug_netto { display:inline; padding-left:15px; color:#999999; }
.debug_netto:after { content:' € NETTO'; }

.checkbox-label label {
	display:block;
	float:left;
	padding-top:0px;
	line-height:100%;
}

#rechnungtable {
	min-height:50px;	
}

.UserOnActionHint { font-size:11px; }
.UserOnActionHint .user { color:#FF0000; font-weight:bold; }

#customerlinklist a {
	text-decoration:none;
	background-color:#FFFFFF;
	border: 1px solid #EEEEEE;
	padding:3px;
	height:20px;
	line-height:20px;
	background-position:5% 50%;
}

#customerlinklist a:hover {
	background-color:#CCCCCC;
	border:1px solid #666666;
}
/*
.ui-dialog .ui-button {
	padding: 0.4em 1em;
}*/

.td-objektlinks {
	display:block; 
	height:100%; 
	width:100%; 
	text-decoration:none;
}

#searchAdress_dialog .ui-dialog .ui-button {
	padding: 0em 0em !important;
}

#sortable-ortsdokumente {
	list-style-type:none;
}

#sortable-ortsdokumente li {
	background-color:#FFFFFF;
	height:25px; 
	line-height:25px; 
	border-bottom:1px solid #CCCCCC;
}

.p_ausgebucht, .legend-ausgebucht { background-color:#25b4f6 !important; }
.p_deleted, .legend-deleted { background-color:#ff7878 !important; }

.verstaerker { margin-bottom:10px; }

.warning {color:#FF0000; }

.zaehlerstand { padding-left:80px; }
.toggle-zaehlerstaende { float:left !important; margin-bottom:10px; display:inline-block; width:400px; margin-left:0px !important; margin-top:0px !important; padding:0px !important; text-decoration:none; width:237px; text-align:center; }
.toggle-zaehlerstaende span { padding-top:2px !important; padding-bottom:2px !important; }

input.green { border-color:green !important; }
input.red { border-color:red !important; }

#contractadjustment_button { float:left; }
#contractadjustment_dialog { display:none; }
#contractadjustment_dialog table { width:100%; }
#contractadjustment_dialog table td { padding:2px 5px 2px 5px; }
#contractadjustment_dialog table input, #contractadjustment_dialog table select { width:100%; box-sizing:border-box; }
#contractadjustment_dialog table input { text-indent:3px; }
#contractadjustment_dialog table .col_show { width:115px; }
#contractadjustment_dialog table .col_name { }
#contractadjustment_dialog table .col_price { width:75px; }
#contractadjustment_dialog table .col_date { width:75px; }

.ui-button-text-only .ui-button-text { margin:5px 15px 5px 15px; }
 
/* Tickets-Anzeige */
.col1Tickets { width: 50px !important; text-align:center !important; }
.col2Tickets { width: 150px !important; text-align:center !important; }
.col3Tickets { width: auto !important; text-align:left !important; }

.table_bodycolor > tbody > tr > td { background-color:#EEEEEE; }
.table_bodycolor > tbody:nth-child(odd) > tr > td { background-color:#FFFFFF; }

.button-style { border:1px solid #327e04; cursor:pointer; border-radius:6px; background:#459e00 50% 50% repeat-x; font-weight: bold; color: #ffffff; font-size:1em; padding:0.4em 1em; }
.button-style:hover { background:#67b021 50% 50% repeat-x; }

.gap-4 { gap:1rem; }
.flex { display:flex; }
.none { display:none; }
.justify-end { justify-content:flex-end; }
.justify-between { justify-content:space-between; }
.justify-start { justify-content:flex-start; }
.gap-2 { gap:0.5rem; }
.w-full { width:100%; }
.mx-2 { margin-left:0.5rem; margin-right:0.5rem; }
.mb-2 { margin-bottom:0.5rem; }
.mb-4 { margin-bottom:1rem; }
.mb-6 { margin-bottom:1.5rem; }
.mb-1 { margin-bottom:0.25rem; }
.p-2 { padding:0.5rem; }
.p-4 { padding:1rem; }
.py-2 { padding-top:0.5rem; padding-bottom:0.5rem; }
.px-4 { padding-left:1rem; padding-right:1rem; }
.items-center { align-items:center; }

#login_layer { left:0; top:0; position:fixed; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.75); display:flex; justify-content:center; align-items:center; }
#login_layer.none { display:none; }
#login_layer > .inner { background-color:#FFFFFF; width:320px; position:relative; }
#login_layer > .inner > .top { background-image:url('/gfx/body_bgr.gif'); font-size: 18px; }
#login_layer input.text { width:100%; box-sizing:border-box; }
#login_layer input[type="submit"] { margin-right:0; margin-top:0; }
#login_layer > .inner > .loading { display:none; }
#login_layer.loading > .inner > .loading { display:flex; justify-content:center; align-items:center; position:absolute; left:0; top:0; width:100%; height:100%; background-color:rgba(255, 255, 255, 0.75); z-index:1; }
#login_layer .msg_error { display:none; }
#login_layer.msg_error .msg_error { border:0; margin-bottom:1rem; display:block; padding-bottom:0.5rem; color:red; font-weight:bold; display:block; }

.ui-dialog { z-index:1; }