/* Web App */

	/* Portrait */

@media screen and (orientation: portrait) and (max-width: 768px) {
	.task-login #layout-content {
		background-image: url('') !important;
	}
	
	#layout {
		padding-top: env(safe-area-inset-top);
	}
	
	html.layout-phone .popover-header:not(.select-menu) {
		margin-top: env(safe-area-inset-top);
	}
	
	html:not(.dark-mode).layout-phone .popover-header,
	html:not(.dark-mode).layout-phone .popover-header a {
		background-color: #fff;
		color: #2c363a;
	}
	
	html:not(.dark-mode) #layout,
	html:not(.dark-mode) #layout > div > .header {
		background-color: #ffffff;
	}
	
	html:not(.dark-mode) #layout > div > .footer {
		background-color: #fff;
	}
	
	/* Login Page */
	
	.task-login #layout {
		padding-top: 0px;
	}
	
	#hivemail-icon, #hostoncilla-icon {
		margin-top: env(safe-area-inset-top);
	}
}

	/* Landscape */

@media screen and (orientation: landscape) and (max-width: 1024px) {
	html:not(.dark-mode) #layout {
		background-color: #2f3a3f;
	}

	#layout-menu, #layout-menu .special-buttons {
		margin-left: env(safe-area-inset-left);
	}
}
	/* Login Page and Dialog Box*/

@media (orientation: portrait) or (orientation: landscape) {
	html:not(.dark-mode) .task-login #layout {
		background-color: #0557b3;
	}
	
	html:not(.dark-mode) .ui-dialog .ui-dialog-title,
	html:not(.dark-mode) .ui-dialog .ui-dialog-titlebar-close {
		background-color: #fff;
	}
}

/* Login Page */

html:not(.dark-mode) .task-login {
	background-color: #007aff;
}

.task-login #layout-content {
	background-image: url("../images/background-4.svg"), url("../images/background-3.svg"), url("../images/background-2.svg"), url("../images/background-1.svg");
	background-color: transparent;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: right center;
}

.task-login #layout-content #logo {
	max-width: 200px;
}

.task-login #login-footer p {
	text-align: center;
	color: #fff;
}

.task-login #login-footer a {
	color: #fff;
}

#hivemail-icon {
	background: transparent url("../images/icon-white.svg") no-repeat;
	background-size: 40px 40px;
	position: absolute;
	top: 15px;
	left: 15px;
	width: 40px;
	height: 40px;
}

#hostoncilla-icon {
	background: transparent url("../images/hostoncilla-icon-white.svg") no-repeat;
	background-size: 40px 40px;
	position: absolute;
	top: 15px;
	right: 15px;
	width: 40px;
	height: 40px;
}

#copyright {
	position: absolute;
	text-align: center;
	left: 15px;
	right: 15px;
	bottom: 40px;
	color: #fff;
}

#kodkod {
	position: absolute;
	text-align: center;
	left: 15px;
	right: 15px;
	bottom: 5px;
}

/* Calander/Tasklist */

html.dark-mode .listing li > div.calendar .calname:before {color: #c5d1d3;}
html:not(.dark-mode) .listing li > div.calendar .calname:before {color: #2c363a;}
html.dark-mode .listing li.selected > div.calendar .calname:before {color: #37beff;}
html.dark-mode .listing li:not(.selected) > div.readonly a:first-child:after {background-color:#21292c;color:#c5d1d3;}
html.dark-mode .listing li.selected > div.readonly a:first-child:after {background-color:#374549;color:#37beff;}
html.dark-mode #agendaoptions {background-color:#374549;}
html.dark-mode .fc .fc-day.fc-today {background: rgba(55, 190, 255, 0.2)!important;}

/* Globale */

.scroller:focus {outline:none;}

/* About/Help */

.menu a.about:before {content: "\f1cd";}
.frame-content legend {font-weight:bold;font-size:1.15em;}
body .help-table {width:20%;}
body .help-border {width:100%;margin-bottom:15px;}
html:not(.dark-mode) .help-border {border-bottom:1px solid #dee2e6;}
html:not(.dark-mode) .help-table {border:1px solid #dee2e6;}
html.dark-mode .help-border {border-bottom:1px solid #4d6066;}
html.dark-mode .help-table {border:1px solid #4d6066;}

/* Plugins Watermark */

html:not(.dark-mode) .watermark, html:not(.dark-mode) #ddnotes_watermark {background:url("../images/watermark.svg") center no-repeat #fff;background-size:35%;background-blend-mode:luminosity;}
html:not(.dark-mode) .watermark:before, html:not(.dark-mode) #ddnotes_watermark:before {content: "";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(255, 255, 255, 0.85);}

html.dark-mode .watermark:before, html.dark-mode #ddnotes_watermark:before {background: none;}
html.dark-mode .watermark, html.dark-mode #ddnotes_watermark {background:url("../images/watermark.svg") center no-repeat #21292c;background-size:35%;background-blend-mode:soft-light;}

/* identity_switch */

#identity_switch_menu {
	padding-left: 1rem !important;
  	width: 100% !important;
	background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px !important;
}

html.dark-mode #identity_switch_menu {
	background: #21292c url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='beige' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right .75rem center/8px 10px !important;
}

/* Print Logo */

#print-layout #logo {
	max-width:100px;
}

/* Logged in Logo */

.popover-header #logo {
	max-width:60% !important;
}