.page-content {
	margin-left:2%;
    margin-right:2%;
}

.mdl-card {
	width: 100%;
}

.table-action {
	display: inline-block;
}

.block {
    display: block;
}

.errors {
	color: red;
}

.material-icons {
	vertical-align: bottom;
}

.loading-wheel {
    display:    none;
    position:   fixed;
    z-index:    9999;
    top:        0;
    left:       0;
    height:     100%;
    width:      100%;
    background: rgba( 255, 255, 255, .8 );
}

.loading-wheel .spinner{
    position:   fixed;
    top:        50%;
    left:       50%;
}

body.loading {
    overflow: hidden;   
}

body.loading .loading-wheel {
    display: block;
}

.btn-group button{
	margin-bottom: 2px;
	margin-right: 2px;
}

.errors {
	color: rgb(181,0,0);
	margin-bottom:10px;
}

.card-form {
	padding: 15px;
}

.column-goal:before{
	content:"$ ";
}

.column-goal{
    text-align: right;
}

.column-amount:before{
    content:"$ ";
}

.column-amount{
    text-align: right;
}

#buildings-table,#users-table,#properties-table,#building-users-table,.installation-control-card {
	width: 100%
}

#property-modal {
	width: 100%;
	max-width: 900px;
}

#report-items-table td:before{
    content:"$ ";
}

#report-items-table td{
    text-align: right;
}

#report-items-table .column-name:before{
    content:"";
}

#report-items-table .column-name{
    text-align: left;
}

#report-items-table .column-actions:before{
    content:"";
}

#report-items-table .column-actions{
    text-align: left;
}

#common-areas-cal{
	margin:10px;
}
.category-percentage{
	text-align: right;
}

.building-title .mdl-card__title{
	background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0) ), url('/static/img/building.jpg') center / cover;
	color: white;
	text-shadow: 2px 2px #222244;
}

.domotix-title .mdl-card__title{
    background: linear-gradient(to right, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0) ), url('/static/img/board.jpg') center / cover;
    color: white;
    text-shadow: 2px 2px #222244;
}

.device-control{
	text-align: center;
    min-height: 100px;
    padding-top:4%;
    cursor: pointer;
}

#addDevicesToolbar{
	position:fixed;
	right:0px;
	bottom:95px;
	padding:15px;
	z-index: 50;
}

.device-control .material-icons{
    font-size: 48px;
    display: block;
    color:#3f51b5;
}

.active-device .material-icons{
	color:#ff4081 !important;
}

.unavailable-device .material-icons{
	color: lightgray !important;
}

.device-control:hover{
    background: rgba(0,0,0,0.1);
}

.panel-open{
    background: rgba(0,0,0,0.075);
}

.device-panel{
    text-align: center;
    height: 200px;
    padding-top:4%;
    display:none;
    border-top: 1px solid rgba(0,0,0,.1);
    border-bottom: 1px solid rgba(0,0,0,.1);
}

.ac-temp-buttons button{
	display:block;
	margin-top:10px;
}

.panel-buttons{
	text-align: right;
}

.cam-panel {
	height:480px;
}

.cam-feed{
	width: 100%;
}

@media (max-width: 479px){
	.temp-display {
	  font-size: 90px;
	}
}

/*
.google-icon {
      background: url('https://developers.google.com/+/images/branding/btn_red_32.png') transparent 5px 50% no-repeat;
      display: inline-block;
      vertical-align: middle;
      width: 35px;
      height: 21px;
}

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 5px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }
*/