/**
 * Main stylesheet for the intranet aerea.
 *
 * @author Stefanius <s.kientzler@online.de>
 * @copyright (c) Stefan Kientzler
 */

table, p
{
	border: none;
	color:black;
	font-size:12px;
	background-color:white;
	padding:0px;
}

td
{
	font-size: 12px;
	color: #00005F;
	vertical-align:top;
}

.mailtext
{
	font-family: "Courier New", Courier, monospace
}

.edit, .online, .offline, .publish, .undo, .copy, .delete, .refresh, .move_up, .move_down, .move_right, .move_top, .list, .remark, .reminder, .ready, .issued, .toissue, .not_issued, .reserved, .payed, .money
{
	color:darkblue;
	/* font-size: 18px; */
	padding: 0px 4px;
	text-decoration:none;
}

.keyboard
{
	font-family: monospace;
	font-weight: bold;
	border: 1px solid #333333;
	border-radius: 3px;
	padding: 2px 8px;
	margin: 0px 4px;
	line-height: 240%;
	background-image: linear-gradient( #eeeeee, #aaaaaa );
}

/*
.selected
{
	background-color: #C21719;
}

.selected td
{
	color: white;
}

.hatched
{
	background-color: #FFFFFF;
}

.hatched1
{
	background-color: #EEEEF6;
}
.hatched2
{
	background-color: #F6F6F6;
}
.hatched3
{
	background-color: #dbe2ea;
}
*/

.sbSelect
{
	opacity: 0;
	width: 100%;
	position: relative;
}

.sbBtn
{
	position: absolute;
	width: 100%;
	right: 0px;
	top: 0px;
	padding-top: 0px;
	height: 20px;
}

#contentCol 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

kbd
{
    font-family: monospace;
    border: 1px solid #777;
    border-radius: 4px;
    background-color: #f0f0f0;
    padding: 2px 4px;
    margin: 0 2px;
    vertical-align: text-top;
}

/* content */

.content h2 
{
	font-size: 14px;
	color: #07243E;
	padding: 10px 0px 5px 5px;
	margin: 0px;
}

.content h3 
{
	font-size: 14px;
	font-weight:bold;
	color: #07243E;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 16px;
	padding-bottom: 8px;
}

.content p
{
	padding: 0px;
	margin: 3px 0px;
	background-color: transparent;
}

.content p, .content li, .content dl dd
{
	line-height: 150%; 
	font-size: 12px;
	color: #000044;
}

.content ul
 {
	line-height: 160%;
	font-size: 12px;
	font-weight: normal;
	color: black;
	list-style-position:outside;
}

.content ol
 {
	line-height: 160%;
	font-size: 12px;
	font-weight: normal;
	color: black;
	list-style-position:outside;
	margin-top: 0px;
	margin-bottom: 0px;
}

.content dl dt
{
    font-size: 14px;
    color: black;
}

.content a
{
	color:darkblue;
	text-decoration:none;
}

.content a:hover
{
	color:darkblue;
	text-decoration:underline;
}

.content .mailto,
.content a[href^="mailto:"] 
{
	color:blue;
	background: url(../images/mailto.png) no-repeat 5px 0px;
	padding-left: 30px;
	text-decoration:none;
    display: initial;
}

.content .mailto:hover,
.content a[href^="mailto:"]:hover
{
    color:blue;
	text-decoration:underline;
}

.content .answermail
{
    color:blue;
    background: url(../images/16x16/answermail.png) no-repeat 5px 0px;
    padding-left: 30px;
    text-decoration:none;
    display: initial;
}

.content .answermail:hover
{
    color:blue;
    background: url(../images/16x16/answermail.png) no-repeat 5px 0px;
    padding-left: 30px;
    text-decoration:underline;
}

.content .mobile
{
	color:darkblue;
	background: url(../images/mobile.png) no-repeat 5px 0px;
	padding-left: 30px;
	text-decoration:none;
}

.content .phone
{
	color:darkblue;
	background: url(../images/phone.png) no-repeat 5px 0px;
	padding-left: 30px;
	text-decoration:none;
}

.content .pdflink 
{
	color:darkblue;
	background: url(../images/pdf.png) no-repeat right 0px;
	padding-right: 20px;
	text-decoration:none;
}

.content .pdflink:hover
{
	text-decoration:underline;
}

.content .filename
{
	font-family: Courier;
}

.content h2 a
{
	color:#07243E;
	text-decoration:none;
}

.content h2 a:hover
{
	color:#C21719;
	text-decoration:none;
}

#filter p.filter 
{
	background-color: white;  
	color: black; 
	min-height:20px;
	padding: 5px 10px 5px 10px;
	margin: 0px 0px;
	border-bottom: 1px solid white;
}

#filter label
{
    width: 100px;
    display: inline-block;
    padding-left: 20px;
    color: #777;
    font-style: italic;
}

#filter input[readonly]
{
    border: 1px solid #647080;
}

#filter select
{
	margin: 0 6px;
}

#filter input[type="checkbox"]
{
    margin: 0 5px;
    vertical-align: middle;
}

#filter .static
{
	padding: 0 5px 0 0;
}

#filter .separator
{
    display: inline-block;
    box-sizing: border-box;    width: 2px;
    height: 18px;
	margin: 0 15px;
    background: transparent;
    border-left: 1px solid #8f8f9d;
    border-right: 1px solid #e9e9ed;
}

#filter .back
{
    display: inline-block;
	width: 20px;
    background-image: url(../images/back.svg);
    background-size: 18px;
    background-position: left center;
    background-repeat: no-repeat;
	cursor: pointer;
}

#filter .forward
{
	display: inline-block;
    width: 20px;
    background-image: url(../images/forward.svg);
    background-size: 18px;
    background-position: left center;
    background-repeat: no-repeat;
	cursor: pointer;
}

#filter .search
{
    display: inline-block;
    width: 20px;
    background: url(../images/toolbar/find.png) no-repeat center 1px;
    cursor: pointer;
}

#filter .cancelsearch
{
    display: inline-block;
    width: 20px;
    background: url(../images/toolbar/exitfind.png) no-repeat center 1px;
    cursor: pointer;
}

#filter .back:hover,
#filter .forward:hover,
#filter .search:hover,
#filter .cancelsearch:hover
{
    filter: brightness(75%) contrast(200%);	
}

#filter p.register
{
	background-color: white;  
	color: #0F243E; 
	height: 13px;
	padding: 4px 10px 5px 10px;
	margin: -1px 1px 0pc 1px;
}

#filter .register a, #filter .register a:visited,
#filter .register span
{
	font-size: 13px;
	color: black;
	background-color: white;
	padding: 0px 7px;
	border: 1px solid black;
	border-bottom: none;  
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}

#filter .register span
{
	display: table-cell;
	
}

#filter .register a:hover,
#filter .register span:hover
{
	color: black;
	background-color: #cde6f7;  
	text-decoration: none;
}

#filter .register .active, #filter .register .active:visited
{
    color: white;
    background-color: #909090;
}

.content .bottom
{
    display: none;
	background-color: #96A9C0;  
	color: #0F243E; 
	height:10px;
	padding: 0px;
	margin: 0px 1px;
	clear: both;
}

.content table
{
	width:100%;
	padding-bottom: 0px;
	padding-top: 0px;
}

.content #detailsCol form
{
	border-radius: 0px;
	background-color: transparent;
}

.content form table
{
	background-color: transparent;
}

#indexTodo .faq
{
	line-height: 120%;
	font-size: 12px;
	font-weight: normal;
	color: white;
	list-style-position: outside;
	list-style-image: url(../images/admin_faq.png);
	padding-left: 30px;
	padding-right: 40px;
}

/* tooltip - note */
#note
 {
	position: absolute;
	top: 0px;
	left: 0px;
	width:400px;
	background-color: white;
	padding: 0px 0px 5px 0px;
	border: 1px solid black;
	z-index: 1;
	visibility: hidden;
	font-size:12px;
	color: #000;
	border-radius: 3px;
}

#note h1
{
	font-size: 12px;
	font-weight: bold;
	height: 17px;
	color: white;
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: url(../images/layout/close.png) no-repeat right 2px;
	background-color: #3f3f3f;
}

#note table
{
	width: 100%;
}

#note th
{
	text-align: left;
	font-weight: bold;
	color: white;
	background-color: #909090;
}

#note td
{
	text-align: left;
}

#note tr.hatched
{
	background-color: #eee;
}

#notetext,
#noteText
{
	padding: 5px;
}

/* xxxxx */

select#strState option[value="open"] {background-image:url(../images/16x16/state_open.png); background-repeat:no-repeat;padding-left:20px;}
select#strState option[value="answered"] {background-image:url(../images/16x16/state_answered.png); background-repeat:no-repeat;padding-left:20px;}
select#strState option[value="reserved"] {background-image:url(../images/16x16/state_reserved.png); background-repeat:no-repeat;padding-left:20px;}
select#strState option[value="confirmed"] {background-image:url(../images/16x16/state_confirmed.png); background-repeat:no-repeat;padding-left:20px;}
select#strState option[value="deferred"] {background-image:url(../images/16x16/state_deferred.png); background-repeat:no-repeat;padding-left:20px;}
select#strState option[value="canceled"] {background-image:url(../images/16x16/state_canceled.png); background-repeat:no-repeat;padding-left:20px;}
select#strState option[value="absent"] {background-image:url(../images/16x16/state_absent.png); background-repeat:no-repeat;padding-left:20px;}

/* Column for navigation */
.content h1, #contentNav h1, #indexTodo h1, #indexCal h1, #contentInfo h1
{
	font-family: sans-serif;
    background-color: var(--layout-bkg-head);
	color: black; 
	text-align: left;
	vertical-align: middle;
	font-size:14px;
	height:20px;
	padding: 6px 0px 4px 25px;
	padding-top:6px;
	margin: 0px;
}

#contentInfo h1
{
	margin-left: 0px;
}

#contentNav h2, #indexTodo h2
{
	background-color: #96A9C0;  
	color: #0F243E; 
	text-align:left;
	vertical-align: middle;
	font-size:12px;
	font-weight:bold;
	height:18px;
	padding: 3px 0px 3px 10px;
	margin: 0px;
}

#contentNav h1:first-child
{
    border-top-left-radius: 8px;
}

#contentCol h1:first-child,
#contentInfo h1:first-child
{
    border-top-right-radius: 8px;
}

#contentCol.fullwidth h1:first-child
{
    border-top-left-radius: 8px;
}

#indexTodo .open
{
	padding-left: 24px;
    background: #eee url(../images/layout/div_open.png) no-repeat 4px 4px;
}

#indexTodo .closed
{
	padding-left: 24px;
    background: #eee url(../images/layout/div_closed.png) no-repeat 4px 4px;
}

#indexTodo .open:hover, #indexTodo .closed:hover
{
    background-color: #cde6f7;
    cursor: pointer;
}

#contentNav ul, #indexTodo ul
{
	margin: 0px;
	padding: 4px 0px 6px 5px;
	font-size: 12px;
	list-style-type: none;
	color: black;
}

#contentNav ul
{
    background-color: transparent;  
}

#indexTodo ul
{
    background-color: white;  
}

#indexTodo .bottom
{
	margin: 0px;
	display: none;
}

#indexCal .bottom
{
	background-color: #96A9C0;  
	color: #0F243E; 
	height:10px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#contentNav li, #indexTodo li
{
	padding: 0px 0px 0px 5px;
	padding-left:5px;
	font-size: 12px;
	color: #002050;
}

#contentNav li:hover,  #indexTodo li:hover
{
	background-color: #cde6f7;
	cursor: pointer;
}

#indexTodo li p
{
	color: #000055;
	background-color: transparent;
	font-size: 11px;
	line-height: 150%;
}

#contentNav li li
{
	padding:0px;
	padding-left:30px;
	margin-bottom: 6px;
	font-size: 11px;
    color: black;
}

#contentNav li ul
 {
	margin: 5px;
	padding: 5px 0 0 0;
	list-style-position:inside;
	background-color: transparent;	
	font-size: 11px;
	font-weight: normal;
    color: black;
}

#contentNav p, #contentNav .hint
{
	padding-left:25px;
	padding-bottom:5px;
	margin-bottom: 20px;
	color: white;
}

#contentNav .hint
{
	padding-right:10px;
	font-size: 9px;
	color: white;
}

#contentNav a, #contentNav a:visited, #contentNav .inactive,
#indexTodo a, #indexTodo a:visited, #indexTodo .inactive
{
	display: inline-block;
	padding: 3px 0px 3px 5px;
	font-weight:normal;
	text-decoration: none;
    color: black;
	/* white-space: nowrap; */
	overflow-x: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
	max-width: 92%;
}

#indexTodo ul.faq li a
{
	font-weight: bold;
}

#indexTodo ul.faq li p a
{
	color: #0000cc;
    padding: 0 5px;
    display: inline;
    text-decoration: underline;	
}

.faq li a.faqitem, .faq li a.faqitem:visited
{
	float: right;
}

#contentNav a:hover, #indexTodo a:hover
{
	padding-left:5px;
	font-weight:normal;
	text-decoration: none;
    color: black;
}

#contentNav .active a, #contentNav .active a:hover
{
	padding-left:5px;
	font-weight:bold;
	text-decoration: none;
    color: black;
}

#indexTodo .count
{
	float:left;
	width: 30px;
	text-align: right;
	padding-right:5px;
    color: #002050;
	font-weight:bold;
}

#indexTodo .sep				
{	
	background: url(../images/layout/nav-separator.png) repeat-x 0px 0px; height: 10px; width: 95%; 
}

#contentNav .statetext
{
    font-size:12px;
}

#contentNav .statecount
{
	font-weight:bold;
	float: right;
	padding-right: 5px;
	color: darkblue;
}

#calview
{
	box-sizing: border-box;
}

#calview .cell, #calview .monthday
{
	box-sizing: border-box;
	float: left;
	width: 14.3%;
	text-align: center;
	padding: 2px 0px;
	border: 1px solid #dbe2ea;
	color: #00005F;
	background-color: white;
}

#calview .monthday
{
	height: 82px;
}
/*
#calview .monthday:hover
{
	border: 2px solid red;
}
*/
#calview .monthday .date
{
	width: calc(100% - 2px);
	text-align: left;
	cursor: pointer;
	/* border: 2px solid transparent; */
}
/*
#calview .monthday .date:hover
{
	border: 2px solid red;
}
*/
#calview .monthday .allday
{
	text-align: center;
	color: white;
	background-color: #007;
	border: 1px solid white;
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

#calview .monthday .allday.type99
{
	color: green;
	background-color: transparent;
	border: none;
}

#calview .monthday .allday.type98
{
    color: #770000;
    background-color: transparent;
    border: none;
}

#calview .monthday .normal
{
	display: block;
	width: calc(100% - 1px);
	text-align: left;
	background-color: #FFD5AA;
	border: 1px solid #AA8388;
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
	cursor: pointer;
}

#calview .monthday .more
{
	display: block;
	width: calc(100% - 1px);
	text-align: center;
	background-color: transparent;
	cursor: pointer;
}

#calview .monthday .selectitem
{
	display: block;
	height: 82px;
	width: calc(100% - 1px);
	text-align: left;
	cursor: pointer;
}

#calview .head
{
	font-weight: bold;
	color: white;
	background-color: #999999;
}

#calview .today
{
	font-weight: bold;
	background-color: #999999;
	color: white;
	padding: 0 10px;
}

#calview .disabled, #calview .monthday.sunday.disabled, #calview .monthday.saturday.disabled 
{
	color: #999999;
}

#calview .head.saturday
{
	background-color: #770000;
}

#calview .monthday.saturday
{
	background-color: #EAEAEA;
}

#calview .sunday
{
	width: 14.2%;
}

#calview .head.sunday
{
	background-color: #FF0000;
}

#calview .monthday.sunday, #calview .monthday.feastday
{
	background-color: #FFEAEA;
}

#calview .monthday.holliday
{
	background-color:  #EAFFEA;
}

#calview .selected
{
    background-color: #cde6f7 !important;
}

#contentInfoBody .calitem
{
	display: inline-block;
	box-sizing: border-box;
	width: 100%;
	padding: 1px 2px;
	margin: 5px 0;
	cursor: pointer;
}

#contentInfoBody .calitem img
{
	height: 16px;
	margin: 0 3px;
}

#contentInfoBody .calitem span
{
    vertical-align: super;
}

#contentInfoBody .calitem.normal
{
	background-color: #FFD5AA;
}

#contentInfoBody .calitem.allday
{
	color: white;
	background-color: #007;
}

#contentInfoBody .calitem.allday .time
{
    color: white;
    background-color: #000;
}

#contentInfoBody .calitem.type98
{
	/* feastday */
    color: #770000;
    background-color: #FFEAEA;
}

#contentInfoBody .calitem.type99
{
    /* holiday */
    color: green;
    background-color: #EAFFEA;
}

#contentInfoBody .calitem.type99 .time
{
    background-color: #5A5;
    color: #050;
}

#contentInfoBody .calitem.new
{
	margin-top: 30px;
	padding-left: 24px;
	background: url(../images/new.svg) no-repeat 4px 1px / 16px 16px;
}

#contentInfoBody .calitem .itemcell
{
	display: block;
	width: 100%;
	float: left;
	box-sizing: border-box;
	text-align: left;
	padding: 3px 0;
}

#contentInfoBody .calitem.normal .time
{
	background-color: #FFB488;
	font-weight: bold;
	font-style:italic;
}

#contentInfoBody .calitem.allday .time
{
	font-weight: bold;
	font-style:italic;
}

#contentInfoBody .calitem .subject
{
	width: calc(100% - 12px);
	font-weight: bold;
}

#contentInfoBody .calitem .delete
{
	width: 12px;
	height: 22px;
	background: url(../images/delete.svg) no-repeat right center;
	background-size: contain;
}

#contentInfoBody .calitem .location
{
	padding-left: 24px;
    background: url(../images/googlemapslink.svg) no-repeat 3px 2px / 16px 16px;
}

#contentInfoBody .calitem .participants
{
	padding-left: 24px;
	white-space: nowrap;
	overflow-x: hidden;
	text-overflow: ellipsis;
}

#contentInfoBody .calitem .user
{
	background: url(../images/16x16/admin_person.png) no-repeat 4px 1px;
}

#contentInfoBody .calitem .group
{
	background: url(../images/participants.png) no-repeat 4px 1px;
}

#contentInfoBody .calitem .member
{
	background: url(../images/10x10/admin_person.png) no-repeat 24px 5px;
	padding-left: 44px;
}

#contentInfoBody .calitem .google_cal
{
    width: 100%;
    float: left;
    padding: 7px 0;
}

#contentInfoBody .calitem .google_cal a, #contentInfoBody .calitem .google_cal a:visited
{
    background: url(../images/googlecallink.svg) no-repeat 3px 2px / 16px 16px;
    padding-left: 24px;
}

#contentInfoBody .appointmentseriesinfo
{
	font-family: var(--theme-font);
	font-size: var(--theme-size-std);
    line-height: 180%;
    overflow-y: auto;
    height: 734px;
}

#contentInfoBody h3
{
	font-size: var(--theme-size-legend);
	background-color: var(--theme-bkg-medium);
	font-weight: bold;
	padding: 0 5px;
	margin: 0;
    line-height: 180%;
}

#contentInfoBody .as_lfdNr
{
    display: block;
    float: left;
    width: 25%;
    text-align: center;
}

#contentInfoBody .as_day
{
    display: block;
    float: left;
    width: 30%;
    font-style: italic;
}

#contentInfoBody .as_date
{
    display: block;
    float: left;
    width: 45%;
    font-style: italic;
}

#contentInfoBody .as_line
{
    display: flex;
}

#contentInfoBody .as_line:nth-child(even)
{
    background-color: white;
}

#contentInfoBody .as_line:nth-child(odd)
{
    background-color: #eee;
}

#contentInfoBody .as_header
{
    display: flex;
	font-weight: bold;
    font-style: normal;
    color: white;
    background-color: #909090;
}

#mapPopup
{
    background-color: #fff; 
    border: 1px solid black;
    text-align: center;
}

#mapPopup h4
{
    margin: 2px;
    background-color: #cdcdcd;
    padding: 1px 2px 2px 2px;
}

#mapPopup p
{
	padding: 0px 2px;
}

/* Footer */
#footerLeft
{
	float: left;
	text-align:left;
	padding-left: 10px;
	background-color:transparent;
}

#footerRight
{
	float: right;
	text-align:right;
	padding-right: 10px;
	background-color:transparent;
}

.edit			{	background: url(../images/admin_edit.png) no-repeat right 2px;}
.online			{	background: url(../images/admin_publish.png) no-repeat right 0px;}
.offline		{	background: url(../images/admin_offline.png) no-repeat right 0px;}
.publish		{	background: url(../images/admin_publish.png) no-repeat right 2px;}
.undo			{	background: url(../images/admin_undo.png) no-repeat right 2px;}
.copy			{	background: url(../images/admin_copy.png) no-repeat right 2px;}
.delete			{	background: url(../images/admin_delete.png) no-repeat right 2px;}
.refresh		{	background: url(../images/admin_refresh.png) no-repeat right 2px;}
.move_up		{	background: url(../images/admin_move_up.png) no-repeat right 2px;}
.move_down		{	background: url(../images/admin_move_down.png) no-repeat right 2px;}
.move_right		{	background: url(../images/admin_move_right.png) no-repeat right 2px;}
.move_top		{	background: url(../images/admin_move_top.png) no-repeat right 2px;}
.list			{	background: url(../images/admin_list.png) no-repeat right 2px;}
.remark			{	background: url(../images/admin_remark.png) no-repeat right 2px;}
.reminder		{	background: url(../images/admin_reminder.png) no-repeat right 2px;}
.ready			{	background: url(../images/admin_ready.png) no-repeat right 2px;}
.issued			{	background: url(../images/admin_issued.png) no-repeat right 2px;}
.reserved		{	background: url(../images/admin_reserved.png) no-repeat right 2px;}
.payed			{	background: url(../images/admin_payed.png) no-repeat right 2px;}
.toissue		{	background: url(../images/admin_toissue.png) no-repeat right 2px;}
.not_issued		{	background: url(../images/admin_not_issued.png) no-repeat right 2px;}
.money			{	background: url(../images/admin_money.png) no-repeat right 2px;}


.edit:hover, .copy:hover, .delete:hover, .list:hover, .move_up:hover, .move_down:hover, .move_right:hover, .undo:hover, .publish:hover, .refresh:hover, .reminder:hover, .ready:hover, .issued:hover, .reserved:hover, .payed:hover 
{
	text-decoration:none;
}

.info
{
	color:darkblue;
	font-size: 12px;
	background: url(../images/info.png) no-repeat right 1px;
	padding-left: 6px;
	padding-right: 6px;
	text-decoration: none;
}

.separator		{	background: url(../images/layout/nav-separator.png) repeat-x 0px 0px; height: 10px; width: 95%; }

#contentCol .wikiEdit 
{
  white-space: pre;
  overflow-wrap: normal;
  overflow-x: scroll;
  border: none;
  box-sizing: border-box;
  width: 100%;
  height: calc(100% - 30px);
  font-family: courier, courier new, serif;
  font-size: 14px;
}

#wikiEditFrame
{
	font-family: courier, courier new, serif;
	font-size: 13px;
}