/*
<LICENSE>

This file is part of AGENCY.

AGENCY is Copyright (c) 2003-2022 by Ken Tanzer and Downtown Emergency
Service Center (DESC).

All rights reserved.

For more information about AGENCY, see http://agency-software.org/
For more information about DESC, see http://www.desc.org/.

AGENCY is free software: you can redistribute it and/or modify
it under the terms of version 3 of the GNU General Public License
as published by the Free Software Foundation.

AGENCY is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with AGENCY.  If not, see <http://www.gnu.org/licenses/>.

For additional information, see the README.copyright file that
should be included in this distribution.

</LICENSE>
*/

/*
 * Elastic styling, from elastic css
 *
 */

html, body { padding: 0; margin: 0; }
.full-width-hack { padding-right: 20px; }
textarea {
	border: 5px solid #eee; padding: 5px; width: 100%;
	font: 14px/18px 'Helvetica', 'Arial', 'sans-serif';
}

#printerFriendlyCancel { display: none; }

/* colors
	staff #dfffdf


*/


/* global styles here */


/* General Classes */
.agencyPrintOnly { display: none; }
a.fancyLink { text-decoration: none; }
a.fancyLink:hover, a.fancyLink:active { color: #f00; text-decoration: underline; }

.hidden { display: none; }

span.testDbWarningLink,
a.toggleLink { font-size: 65%; }
.engineMessage { 
	font-size: 120%; 
	border: solid 2px black; 
	color: red; 
	padding: 12px;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-top: 10px;
	width: auto;
	font-style: italic;
	background-color: #ffffee;
	display: inline-block;
}

.engineTitle {
	display: block;
}
div.engineMessageResultDetail { font-size: 80%; border: solid 1px black; }
div.hiddenDetail { font-size: 70%; background-color: #FFDDDD; display: none; }
div.toggleContent { display: none; }

.warning, .error { color: #f00; } /* same for now */
.message { color: #18782f; }

.staff { background-color: #dfffdf; }
.staffLink { color: red; }

.inactive { color: #7f7f7f; text-decoration: line-through; }

.donor { background-color: #ffffcd; }
.client { background-color: #ffffcd; }
.info { background-color: #eff9ff; }

.iandr { background-color: #ffdeff; }
.log { background-color: #deffff; }

.sage { background-color: #bb2349; }
.host { background-color: #289a44; }
.pact { background-color: #cc3300; }

.alertMark { color: #f00; }

.textHeader { background-color: #c5dbff; }

.mapLink {  }

/* .generalTable { background-color: #ffffee; } */

.systemField { background-color: #eee; 
				vertical-align: middle; }

.agencyHelp { background-color: #ccedff; 
	border: solid 1px black;
	width: 65%;
	padding: 10px;
	margin: 10px;
	}

.future { background-color: #83aeac; }
.past { background-color: #9cb6d5; }

.floatingBox {
	background-color: #fff; 
	border: solid 2px #0000aa; 
	padding: 15px; 
	white-space: normal;
	overflow: auto;
}

/* mainly for staff alerts */
tr.staffData1 { background-color: #dff5df; }
tr.staffData2 { background-color: #cff2cf; }

/* things like .client and .staff will go here */
/* also, .engine, which will be overridden per object if specified -- allowing for different data themes */
/* Client Notes */
.clientCommentDate { background-color: #acf; }
.clientCommentNote { background-color: #efefef; }
.clientCommentFlag { color: #f00; }

/* Logs */
.logSubject {
	font-size: 200%;
	font-weight: bold;
	font-color: #4D053e;
}

.logText {
	font: universal;
}

.logHeader td {
	padding: 6px;
	vertical-align: bottom;
}

.logHeader ul {
	list-style: none;
	vertical-align: bottom;
	margin-bottom: 0px;
	margin-left: 0px;
}

td.revealedLogText {
	display: none;
}

div.revealedLogText {
	padding-top: 12px;
	padding-bottom: 15px;
	padding-right: 20px;
	padding-left: 20px;
	width: 40%;
	margin-top: 1px;
	margin-bottom: 4px;
	margin-right: 50%;
	margin-left: 15px;
	background-color: #EEEEFF;
	border-radius: 8px;
	border: solid grey 1px;
}

/* Engine */
td.listControl { color: #fff; }
input.listControl, select.listControl { background-color: #fff; }
input.listControl[type=submit] { background-color: #efefef; border: solid 1px black; }
.listSubHeader { background-color: #ffffee; }
tr.generalData1 {  background-color: #ffffee; }
tr.generalData2 {  background-color: #e6e6cd; }
/* row-highlighting on hover */
/*tr.generalData1:hover,tr.generalData2:hover { background-color: #73ab08; color:#fff; }*/
tr.generalData1:hover,tr.generalData2:hover { background-color: #abcc6a; color:#fff; }
tr.generalDataError,td.generalDataError {  color: #fff; background-color: #f00; }
tr.listTotals {background-color :#9a9bc0; color:#fff; }

table.engineForm { background-color: #ffffee; }
tr.engineFormSelected { background-color: #1BEDDF; }
.engineFormError { background-color: #ffbbbb; color: red; font-weight: bold; }

tr.listHeader div.listJumpBox {
	border: solid black 2px;
	padding: 10px;
}

#engineMenu { background-color: #fff; }
#engineMenu span { background-color: #bebebe; }

.append_only { background-color: #b2d0ff; 
	padding: 5px;
	border: solid 1px #efefef;
}

/* End Engine */

/* multiAdd */
table.multiAddForm input,table.multiAddForm select { font-size: 70%; }
table.multiAddForm select { width: 120px; }
table.multiAddForm input[type=text] { width: 50px; }
div.multiAddForm { margin: 25px; width: 70%; }

/* Other? multiForm */
table.multiForm .AdditionalInformation {
	background-color: #DDDDFF;
}

/* Widget */

.widgetChanged { background-color: #92c4ef; }
.widgetNoChange { background-color: #85ab5c; }
.widgetNew { background-color: #aeef5e; }
.widgetNone { background-color: #efefef; color: #444;}

/* Revision History */
.revision_history { color: #224; background-color: #ccc; }
.revision_history_diff { color: #fff; background-color: #ff3335; }
.revision_history_same { background-color: #eee; color: #224; }
/* End Revision History */

/* Client/Staff Child Records */
/* Currently no non-layout style... */
/* End Client/Staff Child Records */

/* custom ID blocks */

/* top menus and such */

#homeMenu { text-align: center; }
.homePageTitle { font-size: 160%; font-weight: bold; text-align: center; padding-bottom: 0px; margin-bottom: 0px; }
.homePageOrgInfo { font-size: 80%; font-style: italic; text-align: center; margin-top: 1px; padding-top: 0px; }
.homePageOrgName { font-size: 110%; text-decoration:  underline; }
.homeLinks {position: relative; bottom: 0; }
.whatsNewLink { position: absolute; right: 0; top: 0; font-size: 9pt; font-weight: normal; float: right; }

#agencySuperUser form { display: inline; margin: 0px; }

#agencySuperUser span, #agencySuperUser input, #agencySuperUser select{ font-size: 120%; }

#agencyTopLoginBox { margin: 1px; background-color: #dfffdf; }
#agencyTopLoginBox span { font-size: 165%; font-weight: bold; }
#agencyTopLoginBox input { margin: 1px; font-size: 165%; border: 1px solid #000; display: block; }
#agencyTopLoginBox input[type=text], #agencyTopLoginBox input[type=password] {   }
#agencyTopLoginBox input[type=hidden] { display: none; }

a.calTodayLink,a.calNowLink { font-size: 65%; vertical-align: bottom; }
.clockButton,img.calButton { height:20; width:20; vertical-align: text-bottom; }

#mainCalendar {
	border: solid 2px #0f0f00;
	background-color: #efefef;
	padding: 10px;
	display: none;
	position: absolute;
}

#mainCalendar span a { font-size: 75%; text-decoration: none; margin-right: 10px;}

#engineStaffAlertForm {
	border: solid 2px #008; color: #000; background-color: #fff;
	position: absolute; padding: 0px; top: 50px; right: 50px;
	width: 400px;
	z-index: 99;
	white-space: nowrap;
	text-align: center;
}

#engineStaffAlertForm div { padding: 5px; }

#engineStaffAlertForm h3 { margin: 0px 0px 3px 0px; color: #fff; background-color: #008; 
}

/* reports */
.reportHeader, .reportFooter { background-color: #afefaf; }
.reportOutput { background-color: #DEEEFF; padding-bottom: 10px; margin-bottom: 20px; }
.reportOutputPivot { background-color: #FFBBEE; }
.reportOutputTitle { font-size: 120%; font-weight: bold; padding: 10px; padding-bottom: 2px; }
.reportOutputHeader { font-size: 100%; padding: 16px; padding-top: 2px;}
.reportOutputFooter { font-size: 90%; padding: 8px;}
div.engineMainReport div.reportComment {
	font-style: italic;
	padding-left: 4px;
	margin: 4px;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-top: 0px;
	width: fit-content;
}

div.client_elevated_concern { border: solid red 1px; 
	background-color: #ffefef;
}

div.client_elevated_concern_short {
	border: solid red 2px;
	background-color: #ffafaf;
}

table.clientQuickLook {
	/* staff assignments/housing status on client page */
	border: solid black 4px;
	border-radius: 15px;
/*	border-right: solid gray 1px; 
*/
	vertical-align: bottom;
/*
 * padding: 0px;
	margin: 0px;
	padding-bottom: 0px;
*/
	background-color: #D5FF97;
	float: bottom;
	height: auto;
}

table.clientQuickLook td {
	background-color: #D5FF97;
	padding: 4px;
}
/* Test Warning Box */
.agencyTestWarningBox {
	background-color: red;
	color: white;
	padding: 5px;
	font-size: 80%;
}

.agencyTestWarningBox a {
	font-size: 70%;
}

/* Spacers for top bar cells */
.topNavSpacer {
	width: 5px;
	background-color: #fff;
}

/* Augment test_db warning */
.topNavSpacerTest {
	width: 5px;
	background-color: red;
}


/* Confidentiality Box */
.confidentialBox {
	background-color: #EEEEEE;
	border: solid black 2px;
	text-align: center;
	padding: 2px;
/* 	style: clear: both; */
}

/* Logos */
.logo {
	padding: 0px;
	border: 0px;
	vertical-align: top;
	border-spacing: 0px;
}

.myAlert {
	background-color: #FFAAAA;
}

.menuLink {
	font-size: 75%;
}

div#noStaffEmployment {
	background-color: #FFCCCC;
	padding: 10px;
	width: 80%;
	font-size: 120%;
	font-style: italic;
	margin-bottom: 12px;
	margin-left: 6px;
}

#topMenuCell {
	width: 100;
	text-align: left;
	background-color: 	#00FF00;
}

.autoComplete {
	display: none;
}

div#deleteClientResult {
	font-size: 120%;
	background-color: #FFEEEE;
	padding: 8px;
	margin-bottom: 30px;
	width: 50%;
}

div#postClientResult {
	font-size: 120%;
	background-color: #EEFFEE;
	padding: 8px;
	margin-bottom: 30px;
	width: 50%;
}

div#overrideClientResult {
	font: 120%;
	background-color: #E2EB0A;
	padding: 8px;
	margin-bottom: 30px;
	width: 50%;
}

#enterClientForm {
	font-size: 200%;
	font-weight: bold;
	background-color: #EEEEFF;
	padding: 8px;
	margin-bottom: 30px;
	width: 50%;
}

.mainMenuHeader {
	border: solid 1px #afafaf;
	margin: 15px;
	padding: 5px;
	background-color: #fff;
	text-align: center;
}

#enterVisitorForm {
	font-size: 200%;
	font-weight: bold;
	padding: 8px;
	margin-bottom: 30px;
	width: 50%;
	display: none;
}

div#deleteVisitorResult {
	font-size: 120%;
	background-color: #FFDDEE;
	padding: 8px;
	margin-bottom: 30px;
	width: 50%;
}

div#postVisitorResult {
	font-size: 120%;
	background-color: #DDFFDD;
	padding: 8px;
	margin-bottom: 30px;
	width: 50%;
}

div#clientNote {
	background-color: #FFDDDD;
	padding: 8px;
	border: solid black 2px;
	width: 50%;
	margin-bottom: 30px;
	font-size: 140%;
}

div#clientNote H1 {
	font-size: 100%;
}

#enterVisitorLink {
	font-size: 200%;
}

.middleText { vertical-align: middle; }

.serverData { display: none; }

/* for bundled SQL syntax highlighter */
.sqlKeyword { color: red; }

a.linkWikiPublic {
	vertical-align: top;
	float: right;
	background-color: #9AE98F;
	border: solid 3px #67B65c;
	border-top: -10px;
	border-right: -10px;
	padding: 12px;
	font-size: 120%;
	font-style: italic;
	font-weight: bold;
	border-radius: 20px;
}

canvas.imageCapture {
	border: dashed 8px red;
}

.imageCaptureContainer {
	float: left;
}

.imageSendContainer {
}

/* Report User Options */
.reportUserOptionSelect td {
	padding: 8px;
	border-collapse: collapse;
}

.reportUserOptionSelect td.leftcell {
	border-bottom: solid #B2B3FF 2px;
	padding-right: 0px;

}

.reportUserOptionSelect td.rightcell {
	background-color: #D2D3FF;
	border: solid black 1px;
	padding-left: 0px;
	padding: 10px;
	border-radius: 10px;
}

span.reportUserOptionSelect {
	background-color: #B2B3FF;

}

table.reportUserOptionSelect {
	border: solid 3px black;
	padding: 20px;
	border-radius: 5px;
}

tr.engineValueRowBlank {
	display: none;
}

a.engineRowBlankToggle {
	font-size: 70%;
}

a.pickMyselfLink {
	font-size: 70%;
}

span.pickStaffList {
	font-size: 80%;
}

div.listFilterBar {
	border: solid 1px black;
	width: fit-content;
	padding: 10px;
	float: left;
	margin: 5px;
	margin-left: 15px;
	background-color: aliceblue;
	border-radius: 10px;
}

div.listOrderBar {
	border: solid 1px black;
	width: fit-content;
	padding: 10px;
	float: left;
	margin: 5px;
	margin-left: 15px;
	background-color: #99f3b9;
	border-radius: 10px;
}

div.listFilterBar a, div.listOrderBar a {
	font-size: 85%;
}

div.listBarContainer {
	width: 100%;
	overflow: hidden;	
}

table.permissionCheckStaff {
	border: solid 1px black;
}