:focus
{
	outline-color: #7eb0ba;
}

a
{
	color: #116f93;
}

select
{
	font-family: Calibri, Sans-Serif;
	background-color: #f0f0fa;
}

select.span_edit, div.chart select.content
{
	border-radius: 5px;
	border: 3px solid #d2f3fd;
	background-color: white;
	padding: 5px;
}

select:focus
{
	border-radius: 5px;
	border: 2px solid #d2f3fd;
}

.select2-container--default .select2-selection--multiple
.select2-selection__choice
{
	background-color: #f0f0fa;
}

input[type="checkbox"]:checked
{
	background: /*#116f93;*/ #089f9f;
	-webkit-filter: brightness(1.8) saturate(0.5);
	width: 15px;
	height: 15px;
	border: 1px solid #a0a0a0;
}

input[type="checkbox"]:disabled:checked
{
	-webkit-filter: grayscale(100%);
	width: 15px;
	height: 15px;
	border: 1px solid #a0a0a0;
}

[id^="filters_popup"] select
{
	border-radius: 3px;
	border: 1px solid #aaa;
	padding: 0px;
}

button
{
	font-family: Calibri, Sans-Serif;
	border-radius: 5px;
	/*border: 1px solid #eae6e6;*/
	border: 3px solid #d2f3fd;
	background-color: white;
	padding: 5px 10px;
	margin: 5px;
}

button:hover
{
	cursor: pointer;
}

.span_edit_editor
{
	border: 1px solid #f8ffff;
	border-radius: 5px;
	display: inline-block;
	position: relative;	/* Just to stack it further forward */
	background-color: white;
}

.span_edit_editor textarea,
.span_edit_editor input
{
	display: block;
	overflow: hidden;
}

.span_edit_editor textarea,
.span_edit_editor input
{
	font-family: Calibri, Sans-Serif;
	color: black;
	background-color: white;
	border: 1px solid #eae6e6;
	padding: 5px;
	margin: 5px;
}

.span_editor_indicator
{
	display: inline-block;
	width: 12px;
	height: 12px;
	background: url("../../pencil.99977e335465.png");
}

.span_editor_indicator:hover
{
	cursor: pointer;
}

.span_editor_indicator.disabled
{
	display: none;
}

.span_editor_indicator.disabled:hover
{
	cursor: normal;
}

.nothing_set
{
	color: #747679;
	background-color: #f5f5fa;
	padding: 3px;
}

/* Indicates to the user that they really need to save the form */
.modified
{
	background-color: #fbc0c0;
	position: relative;	/* Just to stack it further forward */
	color: #2d2d35;
	padding: 1px;
}

.modified .nothing_set
{
	color: black;
	background-color: transparent;
	padding: 3px;
}

.date_replacement
{
	white-space: nowrap;
}

table#steps
{
	background: #222;
	width: 100%;
}

table#steps th
{
	background-color: #f0f0fa;
	text-align: left;
}

table#steps tr.modified
{
	background-color: #fd6900;
}

ul.errorlist,
table.object_list ul.errorlist
{
	display: block;
	background-color: white;
	color: #ee145e;
	margin: 0;
	padding; 0;
	-webkit-padding-start: 0;
}

ul.errorlist li,
table.object_list ul.errorlist
{
	display: block;
	margin: 0;
	padding; 0;
	-webkit-padding-start: 0;
}

/* Diffs */
div.diff
{
	border: 2px solid green;
	background-color: white;
	color: black;
}

div.diff span.delete
{
	background-color: pink;
}

div.diff span.insert
{
	background-color: palegreen;
}

div.diff span.changed
{
	background-color: #fcf8c2;
}

div.diff .msg
{
	font-weight: bold;
	font-style: italic;
	background-color: lavender;
}

div.diff h4
{
	color: #ee145e;
	font-style: italic;
	margin: 0;
}

div.new_object
{
	border: 2px solid black;
	display: inline-block;
}

div.new_object
{
	padding: 5px;
}

div.new_object label
{
	font-weight: bold;
	margin-right: 1em;
}

div.new_object input[type=text],
div.new_object textarea
{
	width: 30em;
	max-height: 4em;
}

div.new_object textarea#id_invoice-payment-text,
div.new_object textarea#id_invoice-text,
div.new_object textarea#id_receipt-text
{
	width: 40em;
	max-height: none;
}

div.new_object.notification textarea
{
	width: 40em;
	max-height: 12em;
}

div.new_object input.datepicker[type=text]
{
	width: 8em;
}

.deleted, .deleted input, .deleted select, .deleted td
{
	text-decoration: line-through;
}

table.object_list tr.deleted td
{
	background-color: #ffc6d6;
}

.delete_button
{
	width: 18px;
	height: 18px;
	display: inline-block;
	background: url("../../large_dustbin.e385c11a8d91.png");
}

.delete_button.unlink
{
	width: 20px;
	height: 12px;
	display: inline-block;
	background: url("../../broken_chainlink.1835e12abd9d.png");
}

.delete_button:hover
{
	cursor: pointer;
}

.delete_button.disabled
{
	background: none;
}

.delete_button.disabled:hover
{
	cursor: normal;
}

div#status_bar
{
	/* Until we decide what to do with it */
	display: none;
}

.ui_button
{
	background-color: #2a5690;
	border-radius: 4px;
	border: none;
	color: white;
	font-weight: bold;
	font-family: Calibri, Sans-Serif;
	padding: 9px 18px;
	text-decoration: none;
	font-size: 14px;
	display: inline-block;
	margin: 0 0 0 8px;
	text-transform: uppercase;
	line-height: 1.1;
	-moz-appearance: none;
}

.ui_button.progress, .ui_button.disabled
{
	/*
	 * You could set cursor:progress but it seems to get stuck like that if you
	 * do
	 */
	background-color: #ccc;
}

/* Override some jQuery UI styling */
.ui-widget-content a.ui_button
{
	color: white;
}

.ui_link
{
	color: #2a5690;
	text-decoration: underline;
	font-weight: bold;
}

.ui_link:hover
{
	cursor: pointer;
}

.ui_button::-moz-focus-inner
{
	padding: none;
	border: none;
}

.ui_button.small
{
	padding: 4px;
	margin: 0 0 0 2px;
}

div.change_password .ui_button
{
	margin: 8px 0 0 0;
}

span.page_num
{
	font-weight: bold;
}

span.required
{
	color: #ee145e;
}

#bill_button
{
    padding-left: 32px;
	background: #2a5690 url("../../dollar.89af97088700.png") no-repeat 11px 8px;
}

#edit_button
{
    padding-left: 38px;
	background: #2a5690 url("../../lock.c8e745c532d8.png") no-repeat 16px;
}

#edit_button.open
{
    padding-left: 38px;
	background: #fd6900 url("../../unlock.cb7de65ec25c.png") no-repeat 16px;
}

#save_button
{
    padding-left: 38px;
	background: #2a5690 url("../../disk.6604029957c9.png") no-repeat 16px;
}

.search_button
{
    padding-left: 38px;
	background: #2a5690 url("../../search.5ec7fc32dc5a.png") no-repeat 16px;
}

#save_button.modified
{
	background: #fd6900 url("../../disk.6604029957c9.png") no-repeat 16px;
}

#save_button.ui_button:hover,
#edit_button.ui_button:hover
{
    background-color: black;
}

#save_button.ui_button.inactive,
#save_button.ui_button.inactive:hover
{
    background-color: #ccc;
    cursor: normal;
    box-shadow: none;
}

.ui_button:hover, .ui_button.active:hover
{
	cursor: pointer;
	background-color: black;
	box-shadow: -2px 5px 5px #999;
}

.select_multi_tip
{
	font-size: 12px;
	display: block;
}

.select2_tip
{
	font-size: 12px;
	display: block;
}

ul.errorlist
{
    display: inline-block;
}

.fold-button.more
{
	color: #089f9f;
}

.fold-button.less
{
	color: #9f0889;
}

.fold-button:hover
{
	cursor: pointer;
}

.fold-visible
{
	min-width: 12em;
	display: inline-block;
}

/*
 * Always show the full text if they modified it. Actually if you don't it goes
 * wrong, depending on where exactly they originally clicked. But it's more
 * intuitive this way anyway.
 */
.span_edit_replacement.modified .fold-visible
{
	display: none;
}

.has_tooltip
{
	position: relative;
}

.has_tooltip .tooltip
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	padding: 4px;
	line-height: normal;
	background-color: #ffef6e;
}

.has_tooltip:hover .tooltip
{
	display: block;
	white-space: nowrap;
}

table#actual_fees_table {
	border-collapse: collapse;
}


table#actual_fees_table td {
	padding: 15px;
	text-align: center;
	vertical-align: middle;
}

table#actual_fees_table td.total-label {
	padding: 15px 0;
	text-align: right;
	vertical-align: middle;
}

table#actual_fees_table td.diff {
	margin: 15px 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	width: 130px;
	white-space: nowrap;
}


table#actual_fees_table label {
	padding: 5px;
}

.actual-fee-converter label {
	min-width: 10em;
	display: inline-block;
}