table.wm-tier tr.wm-tier-tr th {
	width: 60px;
}
table.wm-tier tr.wm-tier-tr td, table.wm-tier tr.wm-tier-tr th {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #999;
	padding-top: 20px;
}

#complex_units_group select {
	font-size: 14px;
	margin-top: 0;
}

#side-sortables #swm_water_meter_branddiv{
	display: none;
}

.cmb2-id-has-db,
.cmb2-id-complex-is-published{
	display: none;
}

#testApiConnection{
	margin-top: 15px;
	font-size: 11px;
}

input[type=text].serial-number.error {
	border-color: red;
}

#unit-remove-dialog{
	display: none;
}
#complex_units_group {
	/* display: block!important; */
}

.ui-dialog-buttonset.unit-delete{
	width: 100%;
	float: left;
}

.ui-dialog-buttonset.unit-delete button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.deleteButton{
	float: left;
	background: red;
	color: #fff;
}

.ui-dialog-buttonset.unit-delete button.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.cancelButton {
	float: right;
	margin-right: -7px;
}

#sample_csv{
	padding: 8px 0;
}
.cmb_text_small.open-reading,
.cmb_text_small.serial-number,
.cmb_text_small.unit-name {
	max-width: 90px;
}

html{
	height: 100%;
}
body.page-template-template-complex-admin{
	background-color: #fff;
}
body.page-template-template-complex-admin,
body.page-template-template-complex-admin main{
	height: 100%;
}

#interface-panel{
	height: 100%;
	display:flex;
}
#interface-header {
	background-color: #21272f;
	padding: 10px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#interface-header .logout-link{
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	padding-right: 20px;
}
#interface-header .logo{
	max-height: 50px;
}
#interface-panel #panel-sidebar{
	background-color: #f1f1f1;
	border-right: 1px solid #ccc;
	height: 91%;
	flex: 1 1 300px;
	box-shadow: 2px 0px 10px #999;
	position: relative;
	z-index: 2;
	max-width: 300px;
	overflow-y: scroll;
}

#interface-panel #panel-content{
	flex: 1 1 100%;
	display: flex;
	flex-direction: column;
	position: relative;
	z-index: 1;
}
#interface-panel #panel-content .inner{
	height: 100%;
}

#interface-panel #panel-content .filter-c{
	background: #fff;
	width: 100%;
	height: auto;
	padding: 15px 25px;
	box-shadow: 2px 0px 10px #999;
	display: flex;
	justify-content: flex-end;
}
#interface-panel #panel-content .filter-c.active{
	justify-content: space-between;
}

#interface-panel #panel-content .filter-c .complex-details {
	display: none;
	align-items: center;
}
#interface-panel #panel-content .filter-c .complex-details.show {
	display: flex;
}
#interface-panel #panel-content .filter-c .complex-details .space {
	margin: 0 7px;
	color: #999;
	font-size: 14px;
}
#interface-panel #panel-content .unit-details {
	justify-content: space-between;
	padding: 10px 25px;
	background-color: #1eabb3;
	color: #fff;
	font-size: 14px;
	display: none;
}
#interface-panel #panel-content .filter-c .complex-details .value {
	font-size: 14px;
	color: #333;
}
#interface-panel #panel-content .unit-details.show {
	display: flex;
}
#interface-panel #panel-content .unit-details .label {
	font-weight: bold;
}
.filter-c label {
	line-height: 30px;
}
.filter-c label, 
.filter-c input[type="text"] {
	float: left;
	margin-right: 10px;
	font-size: 14px;
	margin-bottom: 0;
}
.filter-c input[type="text"] {
	width: auto;
	height: 25px;
}
button#updateResults {
	height: 31px;
	padding: 0 15px;
	font-size: 14px;
	background-color: #008c8e;
}

#interface-panel .loading{
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	justify-content: center;
	display: none;
	align-items: center;
	color: #fff;
	font-size: 30px;
	position: absolute;
	z-index: 10;
}
#interface-panel .loading.active{
	display: flex;
}

ul.complexes,
ul.units,
ul.meters{
	margin: 0;
}
ul.complexes{
	position: relative;
	z-index:1;
}
ul.complexes li{
	list-style-type: none;
}

ul.complexes > li{margin: 0;}
ul.complexes > li > ul.units{
	display: none;
}

ul.complexes > li.active > ul.units{
	display: block;
}

ul.complexes > li > span{
	font-size: 15px;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4e9d0+0,cccccc+100&0+0,1+100 */
background: -moz-linear-gradient(top,  rgba(244,233,208,0) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(244,233,208,0) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(244,233,208,0) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00f4e9d0', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

	padding: 12px 15px;
	display: inline-block;
	border-bottom: 1px solid #ccc;
	width: 100%;
}

ul.units {
	padding-right: 30px;
	margin: 10px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	position: relative;
	z-index:2;
}

ul.meters {
	padding: 10px 0;
	position: relative;
	z-index:3;
}

ul.units > li,
ul.meters > li{
	background-repeat: no-repeat;
	background-position: left top;
}

ul.units > li{
	font-size: 14px;
	background-image: url('images/house-icon.png');
	padding-left: 30px;
}

ul.meters > li:first-child {
	border-top: none;
}

ul.meters > li{
	font-size: 13px;
	background-image: url('images/water-meter-icon.png');
	margin: 0;
	padding: 4px 0 4px 30px;
	background-position: left center;
}

ul.complexes > li > span > span.icon{
	width: 20px;
	height: 20px;
	background-image: url('images/acc-icons.png');
	vertical-align: middle;
	float: right;
}

ul.complexes > li.active > span > span.icon{
	background-position: -25px 0px;
}

ul.complexes > li > ul.units > li > form ul.meters,
ul.complexes > li > ul.units > li > ul.meters{
	display: none;
}

ul.complexes > li > ul.units > li.active > form ul.meters,
ul.complexes > li > ul.units > li.active > ul.meters{
	display: block;
}
ul.complexes > li > ul.units > li  ul.meters.no-padding-bottom{
	padding-bottom:0;
}
ul.complexes > li > ul.units > li  ul.meters.no-padding-top{
	padding-top:0;
}
#chartContainer{
	height: 80%;
}
.highcharts-menu hr {
	margin: 10px auto;
}
body.taxonomy-water_services #edittag{max-width: unset;}
#water_services_tier_group_repeat .cmb-row.cmb-type-tiers .cmb-td .cmb-repeat-table .cmb-tbody .cmb-repeat-row .cmb-td > div > div {
	margin-right: 15px;
}
.tier-date .ui-datepicker-calendar {
	display: none;
}
.extra-dml-container{
	margin-right: 20px;
}
.cmb2-wrap input.extra-dml-multiplier {
	max-width: 60px;

	margin-right: 15px;
}

a#exportBtn6 {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
}
.exclude-from-csv{
	padding-right: 10px;
}
select.exclude-from-csv{
	width: 100%;
}
.unit-fields-container input, .unit-fields-container select {
	margin-right: 10px;
}
a#exportBtn6 {
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding: 10px;
}

.common-export-btn{
	font-size: 11px;
	text-decoration: none;
	margin-left: 10px;
	display: none;
}

.complex-search-result,
.unit-search-result{
	cursor: pointer;
}

#complex-search-results {
	max-height: 300px;
	overflow: scroll;
	max-width: 500px;
}

#linked-units-container{
	max-width: 300px;
}
.user-admin-color-wrap,.user-rich-editing-wrap,.user-comment-shortcuts-wrap,.show-admin-bar{
	display: none!important;
}
body.page-template-template-tenant-registeration {
	background-color: #21272f;
	color: #fff;
}

#tenant-register{
	background-color: #14191e;
	max-width: 500px;
	width: 100%;
	margin: 50px auto;
	padding: 20px;
}

#tenant-register form #submitbtn:hover, 
#tenant-register form #submitbtn:focus,
#tenant-register form #searchComplexes:hover, 
#tenant-register form #searchComplexes:focus {
	background-color: #008c8e;
	border-color: #008c8e;
}

#tenant-register form #submitbtn ,
#tenant-register form #searchComplexes {
	background-color: #1eabb3;
	border-color: #008c8e;
	padding: 10px;
	font-size: 14px;
}

#tenant-register input[type="text"], 
#tenant-register input[type="password"], 
#tenant-register input[type="email"], 
#tenant-register input[type="url"], 
#tenant-register input[type="date"], 
#tenant-register input[type="week"],
#tenant-register input[type="number"]{
	margin-bottom: 15px;
	padding: 10px;
}

#tenant-register .footer {
	display: flex;
	justify-content: space-between;
}

label.search-complex {
	display: flex;
}

label.search-complex input {
	flex: 1;
	margin: 0 15px 0 0!important;
}

#tenant-register #complex-search-results-container ul {
	margin: 0;
	padding: 15px 0 0 0;
	list-style: none;
}

#tenant-register #complex-search-results-container ul li {
	margin: 0 0 15px;
	font-size: 13px;
	background-color: #21272f;
	padding: 5px 15px;
}

#tenant-register #linked-units-container {
	max-width: 100%;
}

#tenant-register #complex-search-results-container ul li a{
	color: #1eabb3;
}

#tenant-register #complex-search-results-container ul#linked-units li{
	display: flex;
	justify-content: space-between;
}
#tenant-register h6 {
	margin-top: 24px;
	font-size: 16px;
	margin-bottom: 10px;
}