/* GENERAL */

:root {
	--color-success: #118844;
	--color-fail: #CC3333;
	--color-success-back: #E3FFE6;
	--color-fail-back: #FFE6E6;
}

.paid, .success, .eligible, .cleared {
	color: var(--color-success);
	font-weight: bold;
	}
.not-paid, .error, .ineligible, .with-accountabilities{
	color: var(--color-fail);
	font-weight: bold;
	}
.eligible,.ineligible, .cleared, .with-accountabilities {
	font-weight: normal;
	}
.temporarily-eligible, .temporarily-cleared {
	color: #666;
	font-style: italic;
	}
* .hidden {
	display: none;
}
.larger-text {
	font-size: 1.1em;
}



/* STATUS or FEEDBACK MESSAGES */

.error-msg {
	background: #FFE6E6 url('../images/error.gif');
	border: 1px solid #9D090C;
	}
.warning-msg {
	background: #FFFFCC url('../images/warning.gif');
	border: 1px solid #E48B11;
	}
.success-msg {
	background: #E3FFE6 url('../images/checkmark.gif');
	border: 1px solid #104B0B;
	}
.info-msg {
	background: #DFEFFF url('../images/info.gif');
	border: 1px solid #11589F;
	}

.error-msg, .warning-msg, .success-msg, .info-msg {
	background-position: 10px 10px;
	background-repeat: no-repeat;
	color: #000000;
	padding: 15px 10px 15px 50px;
	margin: 10px auto;
}
	#rightcolumn .div_msg h2 {
		border: 0;
		color: #000;
		font-size: 11pt;
		font-weight: 600;
		margin: 0;
	}
.mini-info-msg, .mini-error-msg, .mini-warning-msg, .mini-success-msg {
	background-position: 3px 8px;
	background-repeat: no-repeat;
	color: #000;
	padding: 3px 3px 3px 20px;
}
.mini-info-msg {
	background-color: #DFEFFF;
	background-image: url('../images/info-small.gif');
	border: 1px solid #11589F;
}
.mini-warning-msg {
	background-color: #FFFFCC;
	background-image: url('../images/warning-small.gif');
	border: 1px solid #E48B11;
}
.mini-error-msg {
	background-color: #FFE6E6;
	background-image: url('../images/error-small.gif');
	border: 1px solid #9D090C;
}





/* TABLES */
	.tr_odd.paid td, .paid td {
		background: #E9FFEF;
		color: #31A864;
	}
	.tr_even.paid td {
		background: #DCF3E0;
		color: #118844;
	}
	.tr_odd.not-paid td, .not-paid td {
		background: #FFECEC;
		color: #EC4444;
	}
	.tr_even.not-paid td {
		background: #FFE0E0;
		color: #CC3333;
	}
	.drag_color{
	      font-weight:bold;
	}
	.tr_green td{
		background: #E9FFEF;
		color: #31A864;
	}
	.tr_red td{
		background: #FFECEC;
		color: #EC4444;
	}
	.td_conflict{
		padding: 0px 0px 0px 0px;
	}
	.div_conflicting_class{
		border: 1px solid #E0E0E0;
		background: #FFECEC;
		
	}
	.conflict{
		background: #FFECEC;
	}
	.tr_dropped td{
		background: #FFDCDC;
		color: black;
		border-width: 1px;
	}

td.td_action {
	font-weight: normal;
	}



/* LOGIN PAGE */
.login-page div#title-div {
	margin-left: 70%;
	}
.login-page div#content {
	display: block;
	margin: 0 auto 0;
	width: 90%;
	}
.login-page #leftcolumn {
	font-size: 0.9em;
	padding: 0 1.0em;
	width: 65%;
	}
.login-page #rightcolumn {
	padding: 0;
	width: 25%;
	}
.login-page #leftcolumn h1, .login-page #rightcolumn h1{
	background: #F4F4F4;
	color: #888;
	font-size: 1.0em;
	margin-top: 1.0em 0 0;
	padding: 0.5em 0 0.5em 0.5em;
	text-transform: uppercase;
	}
.login-page #leftcolumn h2 {
	color: #503;
	font-size: 1.2em;
	margin: 1.0em 0 0;
	}
.login-page em {
	font-weight: 600;
	font-style: normal;
	}
.login-page p {
	line-height: 1.4em;
	margin: 0.5em 0 1.0em;
	}
.login-page #rightcolumn form {
	background: #DDD;
	margin: 0.25em 0 0.5em;
	padding: 0.25em 1.0em;
	}
	
.ico_forpayment{ color: crimson; font-size: 2em; letter-spacing: -0.15em}
.ico_forvalidation{ color: darkorange; font-size: 1.25em; border-bottom: solid 4px darkorange}
.ico_validated {color: green; font-size: 1.5em; font-weight: bold}
.ico_rejected {color: red; font-size: 1.5em; font-weight: bold}


	.div_prereq {
		line-height: 2em;
		margin-bottom: 3pt;
		min-width: 80%;
		max-width: 100%;
		display: inline-block;
		text-align: left;
	}
	
	.prereq_label {
		background-color: aliceblue;
		border: 1px solid lightblue;
		padding: 3px;
		border-radius: 5px;
		font-weight: bold;
		cursor: default;
		user-select: none;
		-webkit-user-select: none;
	}
	
	/* combined */
	.prereq_label.prereqstr {
		display: inline-block;
		color: inherit !important;
		line-height: 1em;
	}
	
	.prereq_label.prereqstr:after {
		content: none !important;
	}
	
	.prereq_label.prereq_success,
	.prereq_label.coreq_success{
		background-color: var(--color-success-back);
		border-color: var(--color-success);
	}
	
	.prereq_label.prereq_fail,
	.prereq_label.coreq_fail {
		background-color: var(--color-fail-back);
		border-color: var(--color-fail);
	}
	
	.prereq_label.prereq_success:before, .prereq_label.prereq_fail:before,
	.prereq_label.coreq_success:before, .prereq_label.coreq_fail:before {
		margin-right: 3px;
		content: ' ';
		font-weight: bold;
		display: inline-block;
		width: 15px;
		height: 15px;
		background-size: 15px 15px;
		vertical-align: text-bottom;
	}
	
	.prereqstr.prereq_success:after, .prereqstr.prereq_fail:after,
	.prereqstr.coreq_success:after, .prereqstr.coreq_fail:after {
		margin-left: 3px;
		content: ' ';
		font-weight: bold;
		display: inline-block;
		width: 15px;
		height: 15px;
		background-size: 15px 15px;
		vertical-align: text-bottom;
	}
	
	.prereq_label:before {
		margin-right: 3px;
		content: ' ';
		font-weight: bold;
		display: inline-block;
		width: 15px;
		height: 15px;
		background-size: 15px 15px;
		vertical-align: text-bottom;
	}
	
	.prereqstr.prereq_success,
	.prereqstr.coreq_success {
		color: var(--color-success);
	}
	
	.prereqstr.prereq_fail,
	.prereqstr.coreq_fail {
		color: var(--color-fail);
	}
	
	.prereq_label.prereq:before {
		background-image: url('../images/prereq/prereq.png');
	}
	
	.prereq_label.coreq:before {
		background-image: url('../images/prereq/coreq.png');
	}
	
	.prereq_label.prereq_success:before,
	.prereqstr.prereq_success:after {
		background-image: url('../images/prereq/prereq-satisfied.png');
	}
	
	.prereq_label.prereq_fail:before,
	.prereqstr.prereq_fail:after {
		background-image: url('../images/prereq/prereq-unsatisfied.png');
	}
	
	.prereq_label.coreq_success:before,
	.prereqstr.coreq_success:after {
		background-image: url('../images/prereq/coreq-satisfied.png');
		
	}
	
	.prereq_label.coreq_fail:before,
	.prereqstr.coreq_fail:after {
		background-image: url('../images/prereq/coreq-unsatisfied.png');
	}