@media screen {

	#form-buttons {
		padding: 20px 0 0 20px;
	}

	#form-buttons input {
		margin: 0 15px 0 0;
	}

	#results .row h3 {
		margin-top: 5px;
	}

	.header-info {
		font-size: 110%;
		font-weight: bold;
	}

	.field {
		color: #999;
	}
	
	#no-load-info {
		margin-left: 0.25em;
	}

	.summary-data {
		margin-top: 5px;
	}

	.summary-data table thead tr th {
		background-color: #97191B;
		color: #F0E68C;
		font-weight: 500;
		font-size: 1.10em;
		text-align: center;
		border: 3px ridge #e8e8e8;
		vertical-align: middle;
	}

	.highlighted-row {
		background-color: lightgrey;
	}

	.note-cluster {
		border: 1px solid #ccc;
		border-radius: 10px;
		margin: 15px;
	}

	.note-cluster h4 {
		color: #633;
		margin: 10px 0 10px 0;
		padding: 0 10px 10px 10px;
		border-bottom: 1px solid #ffdf6d;
		background: white;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffe793), to(#ffffff));
		background: -webkit-linear-gradient(top, #ffffff, #ffe793);
		background: -moz-linear-gradient(top, #ffffff, #ffe793);
		background: -ms-linear-gradient(top, #ffffff, #ffe793);
		background: -o-linear-gradient(top, #ffffff, #ffe793);
	}

	.notes {
		margin: 0;
		padding: 0;
	}

	.note-cluster p {
		margin: 0 0 10px 10px;
		padding: 5px;
		display: inline-block;
		width: 32.1%;
		width: calc(33% - 12px);
		border: 1px solid #f9e49d;
		border-top: 1px solid #D1C9AF;
		background: #fff0c1;
		background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#fff0c1));
		background: -webkit-linear-gradient(top, #fff0c1, #fff);
		background: -moz-linear-gradient(top, #fff0c1, #fff);
		background: -ms-linear-gradient(top, #fff0c1, #fff);
		background: -o-linear-gradient(top, #fff0c1, #fff);
		box-shadow: 5px 5px 7px #eee;
	}

	.note-cluster p .note-header {
	}

	.note-cluster p .id {
		color: #FFB744;
		font-size: 135%;
		font-weight: bold;
		text-shadow: 0 0 5px #fff;
		opacity: 0.7;
		padding: 0 5px 5px 0;
	}

	.note-cluster p .user {
		color: #FFA61D;
		font-size: 110;
		font-weight: bold;
	}

	.note-cluster p .time {
		font-size: 85%;
		float: right;
		padding: 5px 5px 0 0;
	}

	.note-cluster p .note-header, .note-cluster p .note-content {
		display: block;
	}

	.note-cluster p .note-content {
		border-top: 1px solid #FFDBA5;
		margin: 5px 0 0 0;
		padding: 5px 5px 5px 0;
		text-indent: 1em;
	}

	.print-only {
		display: none;
	}
}

@media only screen and (max-width : 800px) {
	.note-cluster p {
		width: 49.5%;
		width: calc(50% - 20px);
	}
}

@media only screen and (max-width : 600px) {
	.note-cluster p {
		width: 99.5%;
		width: calc(100% - 20px);
	}
}

.header-info td {
	width: 50%;
}

#cust-profile {
	border-bottom: 1px solid #999;
}

#cust-profile img {
	float: left;
	padding: 0 20px 20px 100px;
}

.clearfix {
	clear: both;
}

#select-multiple-custs-btn {
	min-width: 10em;
}

#select-multiple-custs-btn + ul {
	border: 1px solid gray;
	min-width: 17em;
	height: 30em;
	overflow-y: scroll;
}



@media print{

	#report_title, #report-form, .print-report {
		display: none;
	}

	.header-info.details {
		margin-left: 1em;
	}

	.header-info td {
		padding-right: 2em;
	}

	.field { 
		color: #999; 
		font-weight: bold;
		padding-right: 0.5em;
	}

	.note-cluster {
		border: 1px solid #ccc;
		padding: 10px;
		margin-bottom: 10px;
	}

	.note-cluster p {
		border-top: 1px solid #ddd;
		margin: 0;
		padding: 2px 5px;
	}

	.note-cluster p .note-header span {
		padding-right: 2em;
	}

	.note-cluster p .note-content {
		padding-left: 2em;
	}

	.print-only {
		display: show;
	}

}

.ajax-loader {
    position: fixed;
    overflow: hidden; /*to remove scrollbars */
    z-index: 99999; /*to make it appear on topmost part of the page */
    display: none; /*to make it visible only on fadeIn() function */
    margin: 0 auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.spinner {
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #333;

  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}


#BtnHandleAliasNames {
	padding-right: 10px;
}

#id_asset_name {
	text-align: right;
}

.redBorder {
	border: 1px solid #dc3545;
}