
/* for items that should be collapsed, but with the possibility of uncollapsing */
.collapsed{
	display: none;
}

/* for display of calculations where the number is POSITIVE */
.balance_positive{
	color: #22AA22;
}

/* for display of calculations where the number is NEGATIVE */
.balance_negative{
	color: #FF2222;
}

.list_emphasis_positive {
	background-color: #bbffbb;
}

.list_emphasis_negative {
	background-color: #ffaaaa;
}

.column_total_deactivated{
	background-color: #333333;
}

.clickable{
	cursor: pointer;
}

.unclickable{
	cursor: auto !important;
}

.blockdisplay{
	display: block;
}

tr.subtotal_amount, td.subtotal_amount{
	border-bottom: 1px solid black;
}

tr.total_amount, td.total_amount{
	border-bottom: double;
	border-color: black;
	border-width: 3px;
}

/* row should be separated from the one above - add border to top */
tr.data_separator_above, tr.data_separator_above td, td.data_separator_above {
	border-top: 1px solid black;
}

/* row should be separated from the one below - add border to bottom */
tr.data_separator, tr.data_separator td, td.data_separator{
	border-bottom: 1px solid black;
}

tr.data_separator_bold, td.data_separator_bold{
	border-bottom: 2px solid black;
}

/* hide .no-print element and child elements on printing */
@media print {
	.no-print, .no-print * {
		display: none !important;
	}
}

.modified_data {
	background: #ffc0cb !important
}

/********************************************* STOP STOP STOP ************************************/
/* Classes defined here should be mitigated into more declarative versions or possibly rewritten */
/* DO NOT ADD BELOW THIS LINE - DO NOT ADD BELOW THIS LINE - DO NOT ADD BELOW THIS LINE          */
/*************************************************************************************************/

/* just bold text */
.strong{
	font-weight: bold;
}

/* non-links, that should have the pointer-mouse-icon when hovered */
.clickable-cursor{
	cursor: pointer;
}

/* for display of rows and rows of data - two alternating color schemes for two dimensions */
.alternate_rows_0{
	background: #EEEEEE;
}
.alternate_rows_0_0{
	background: #E6E6E6;
}
.alternate_rows_0_1{
	background: #DADADA;
}
.alternate_rows_1{
	background: #CDCDCD;
}
.alternate_rows_1_0{
	background: #CACACA;
}
.alternate_rows_1_1{
	background: #c3c3c3;
}

.align_top {
	vertical-align: top;
}

/* Spinner button */
button.sending {
	position:relative;
	padding-left:30px!important
}

button.sending:before {
	background-image: url('/shared/images/icons/black/078-loading.svg');
	content: " ";
	display:block;
	position:absolute;
	color:#fefefe;
	top:25%;
	left:5px;
	-webkit-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
	-webkit-animation:spinner 2s linear infinite;
	animation:spinner 2s linear infinite;
	width: 20px;
	height: 20px;
}


.spinner {
 -webkit-animation:spinner 2s linear infinite;
 animation:spinner 2s linear infinite
}

@-webkit-keyframes spinner {
 0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 to {
  -webkit-transform:rotate(359deg);
  transform:rotate(359deg)
 }
}

@keyframes spinner {
 0% {
  -webkit-transform:rotate(0deg);
  transform:rotate(0deg)
 }
 to {
  -webkit-transform:rotate(359deg);
  transform:rotate(359deg)
 }
}