/* Text colors to match background colors of bootstrap alert colors (for this adminlte theme) */
.text-info		{	color:	#00c0ef !important;	}
.text-success	{	color:	#00a65a !important;	}
.text-warning	{	color:	#f39c12 !important;	}
.text-danger	{	color:	#dd4b39 !important;	}

.btn-locked
{
	background-color:	#bbb !important;
	color:				#fff !important;
	border:				1px solid transparent !important;	
}
.btn-locked:hover
{
	background-color:	#ccc !important;
	color:				#eee !important;
}

.btn-blend
{
	border:				none !important;
	background-color:	inherit !important;	
}

/* style input X to clear search field, sized for input-sm height */
.input-sm-clear
{
	position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    height: 20px;
    margin: auto;
    font-size: 20px;
    cursor: pointer;
    color: #ccc;
}

.dataTables_filter
{
	display: none !important;
}
.datatable-info-btn
{
	padding: 		4px 5px;
	margin-top:		8px;
	margin-bottom:	-8px;
}

.btn.text-left
{
	text-align: left !important;
}

.pad-sides-10
{
	padding-left:	10px !important;
	padding-right:	10px !important;
}
.pad-sides-15
{
	padding-left:	15px !important;
	padding-right:	15px !important;
}

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f0f0f0;
}

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5;
}
section.messages
{
	margin-left: auto;
    margin-right: auto;
    padding: 15px;
}
section.messages:empty
{
	display:none;
}

.panel-default > .panel-heading
{
    background-color: #fff;
}

 .form-control[disabled].hide-box
,.form-control[readonly].hide-box
,fieldset[disabled] .form-control.hide-box 
{
	background-color:	transparent !important;
	border:				none !important;	
}

.highlight-bg
{
	background-color:	#ff9 !important;
}

.heading-btn-sm
{
	margin-top: -6px;
	padding-top: 0px;
	padding-bottom: 1px;
	font-size:16px;
	margin-left:12px;	
}

section.messages div.alert
{
	margin-bottom:0;	
}

.truncate
{
 	white-space: nowrap;
 	overflow: hidden;
 	text-overflow: ellipsis;
}

/* Reduce space above dataTable when button controls are placed above*/
.panel-body.datatable-controls
{
	padding-bottom:	0px;	
}

.panel-body.datatable-controls + .panel-body
{
	padding-top:	5px;	
}

.panel-heading.datatable-controls + .panel-body
{
	padding-top:	0;	
}


/*https://stackoverflow.com/questions/40029522/how-to-make-jquery-css-color-fade-in-then-out*/
.search-copied
{
	border:				2px solid #ddd;
	animation-duration:	3s;
	animation-name:		fade;
}

@keyframes fade
{
	0%		{ border-color: #ddd; }
	50%		{ border-color: rgb(0, 186, 90); } /*00a65a*/
	100%	{ border-color: #ddd; }
}

.user-img-16
{
	border:			0;
	border-radius:	50%;
	margin:			0;
	height:			16px;
	width:			16px;
}
.user-img-20
{
	border:			0;
	border-radius:	50%;
	margin:			0;
	height:			20px;
	width:			20px;
}
.user-img-24
{
	border:			0;
	border-radius:	50%;
	/*margin:			0 4px 0 0;*/
	height:			24px;
	width:			24px;
}

#record_author
{
	text-align:	left;
	font-style:	italic;
}