﻿.house_data { background-color:#60618a; text-align:right; font-size: smaller; font-weight: bolder; padding: 0 3px; }
.house_data_description { font-size:smaller; height:20px; padding-top:2px;}
#house-data a {text-decoration: none; font-size: 12px !important;color: #8CA6D5;}
#house-data {padding:0px; margin-left: auto; margin-right: auto;}

.house_entrance_title { background-color:#59b43c !important;  text-align:center; height:15px;font-size: 12px !important; text-shadow: 0 0 1px;}

.house-building {text-shadow: 0 0 5px;}
.house-building h4 { text-align: center;}
.house_flat{display:inline-block;height:20px;margin:2px 1px;text-align:center;background-color:#60618a; overflow: hidden;text-overflow: clip;white-space:nowrap;
    zoom:1; /* for IE (hasLayout true) */
    *display:inline; /* for IE */
}
.house_flat_multiple{text-align:center;background-color:#86b1c3 !important;display:inline-block;font-weight: bold !important;height:20px;overflow-x: hidden;overflow-y: hidden;margin:2px 1px;}
.house_flat_with_data{text-align:center;background-color:gold !important;display:inline-block;font-weight: bold !important;height:20px;overflow-x: hidden;overflow-y: hidden;margin:2px 1px;}
.house_flat a, .house_flat span { text-decoration:none; color:#bfbfd0 !important; font-weight:bold !important; vertical-align:middle;}
.house_flat_multiple a, .house_flat_multiple span { text-decoration:none; color:#38396d !important; font-weight:bold !important; vertical-align:middle;}
.house_flat_with_data a, .house_flat_with_data span { text-decoration:none; color:#38396d !important; font-weight:bold !important; vertical-align:middle;}
	
.house_office{display:inline-block;height:20px;margin:2px 1px;text-align:center;background-color:#B938CF;overflow-x: hidden;overflow-y: hidden;}
.house_office a, .house_office span { text-decoration:none; color:#bfbfd0 !important; font-weight:bold !important; vertical-align:middle;}
.house_office_multiple{text-align:center;background-color:#e81ec0 !important;display:inline-block;font-weight: bold !important;height:20px;margin:2px 1px;}
.house_office_multiple a, .house_flat_multiple span { text-decoration:none; color:#38396d !important; font-weight:bold !important; vertical-align:middle;}


.house_floor {border: 1px; text-align: center; min-height: 26px;}
.house_floors { width:38px; display:inline-block; margin-bottom:5px; border: 1px solid #59B43C;
    zoom:1; /* for IE (hasLayout true) */
    *display:inline; /* for IE */
}
.house_entrance { text-align:left; display:inline-block; border: 1px solid #59B43C; vertical-align:top;
    zoom:1; /* for IE (hasLayout true) */
    *display:inline; /* for IE */
 }
.house_floor_action {text-align:center;background-color: #444788;line-height: 10px;}
.flat_number { display:inline-block; background-color:#59b43c; width: 33px; height:20px; margin:2px; font-weight:bold; text-align:center;
    zoom:1; /* for IE (hasLayout true) */
    *display:inline; /* for IE */
	overflow: hidden;
}
.flat_number span {vertical-align:middle;}


.field-group>dd {
	margin: 0;
	margin-bottom: 10px;
}

.field-group {
}

.field {
	background: #fbfbfb;
	color: #666;
	box-sizing: border-box;
	font: 16px/1.3em "Proxima Nova Regular",sans-serif;
	margin: 0;
	padding: 6px 8px;
	width: 100%;
	transition: border-color .5s;
	border: 4px solid #efefef;
	border-radius: 8px;
	box-shadow: inset 0 0 0 1px rgba(0,0,0,0.2);
	outline: none;
}

.field:focus {
	border: 4px solid #8CA6D5;
}

.forgotPassword {
	float: right;
	margin-left: 10px;
}

.panel-login {
	color: #999;
	margin: auto;width: 300px;
	box-shadow: 0 0 10px 5px rgba(0,0,0,0.03);
	line-height: 1.4em;
	padding: 40px 70px;
}

.submit {
	cursor: pointer;
}
.common-btn {
	border: none;
	background: lightblue;
	color: white;
	text-transform: uppercase;
	border-radius: 20px;
	padding: 12px 30px;
	font: bold 13px helvetica,sans-serif;
	line-height: 1em;
	cursor: pointer;
}

.common-btn:hover {
    background: lightskyblue;
}

.journal-rule-1 { font-weight: bold;}
.journal-rule-2 { padding-left: 10px; font-size: smaller;font-weight: bold;}


#journal-operations-window fieldset{
	border: none;
}

.journal-quantity { cursor: pointer;}
.journal-quantity-actual { background-color: orange;color: black;font-weight: bold;}
#journal-quantity-row { height: 68px;}
#journal-quantity-description { background-image: url(BlueOpal/loading-image.gif);background-position: center;background-repeat: no-repeat;}
.journal-facility-row { cursor: pointer; min-height: 16px; display: block; min-width: 10px;}
.journal-facility-row:hover { background-color: silver;}
.custom-facility-input { width: 50px;text-align: right;}
.journal-facility-correction { font-size: xx-small}

#print-bills-settings td { padding: 1px;}

#block-separator { text-align: center;}
#block-separator small {display: inline-block;color: #1460AB;text-shadow: 2px 2px 4px dodgerblue;}
#block-separator hr {margin-left: 30px;width: 300px; display: inline-block; border-color: dodgerblue; box-shadow: 2px 2px 4px dodgerblue;margin-bottom: 1px;}

#osbb-online-balance { cursor: pointer;font-weight: bold;}

.payment-urecognized { color: red;font-weight: bold;}

.invalid-payment-work { background-color: tomato !important; }

#package-payments-grid td {
	padding: 0.2em;overflow: hidden;white-space: nowrap;font-size: 12px;
}
#account-journal td{
	text-align: right;line-height: 1.4em;
}

#package-payments-grid tbody .k-button, #registration-data-journal tbody .k-button, #year-overview-journal tbody .k-button {
	min-width: 24px;
	width: 24px;
	margin: 0;
	padding: 2px;
}

#package-payments-grid .k-icon {
	vertical-align: middle;
	margin: 0;
}

#package-payments-grid span.k-delete {
    background: url("img/delete.png") center center;
}
.payment-debt {
	font-size: smaller;cursor: pointer;
}
.payment-debt:hover {
	font-weight: bold;
}
#payment-details th {font-family: 'Trebuchet MS';font-size: 12px;}

.k-grid-print span {background: url("img/printer.png") center center;width: 16px;height: 16px;display: inline-block;vertical-align: middle;margin: 0}
#removing_abonents .k-grouping-row {
	font-weight: bold;font-size: smaller;color: dodgerblue;
}

#payment_package table { margin: auto; }
#payment_package fieldset {
	margin: 5px 0;
	padding: 5px;
	font-weight: bold;
}
.org-payment-debt {color: red;}
.org-payment-paid { color: green; text-shadow: 0 0 5px white;}
.invalid-facility { margin: auto;}
.invalid-facility li { text-decoration: line-through;}

.payment-diff { display: none;}
.payment-help-note:hover .payment-diff { display: block;cursor: pointer}

.payment-meter-value:hover { text-decoration: underline;cursor: pointer;}


.inplace-edit-grid tbody .k-button, .inplace-edit-grid tbody button.k-button {
	min-width: 24px;
	width: 24px;
	margin: 0;
	padding: 2px;
}

.inplace-edit-grid .k-icon {
	vertical-align: middle;
	margin: 0;
}

.progress-image { display: none; margin-left: auto;margin-right: auto;}

.k-grid-content tr {
	cursor: pointer;
}

.k-grouping-row p {
	color: dodgerblue;
	font-weight: bold;
}

.k-grid-content tr:hover{
	color: dodgerblue;
}

#bill-correction-positions-grid .k-header { text-align: center; }
#account-journal-grid { font-size: smaller; }
#account-journal-grid a.k-link { font-weight: 100; padding: 2px; }

#image-picker-target {
    font-size: smaller;
}
#bills-email-registry .k-grid-content td {
    padding: 2px;
}
#fines-grid td {
    padding: .4em .2em
}
#fines-grid .k-button {
    min-width: 24px;
}