.brand-text	{	font-size:1.1em;	}
							.img-circle	{	background-color: #ffffff;	}
							 i.nav-icon	{	display:inline-block; width:2rem !important; text-align:left;	}
							.table-hover tbody tr:hover		{background-color: #ccc; cursor:pointer;}
							.table-hover tbody tr:hover td	{border-bottom:1px solid #666;border-top:1px solid #666;}
							.dataTable		{width:100% !important; }
							.input-clearer-sm .input-group-text
							{
								padding: .25rem .5rem;
								font-size: .875rem;
								border-radius: .2rem;
								height: calc(1.8125rem + 2px);
							}
							#overlay {
								  position: fixed; /* Sit on top of the page content */
								  display: none; /* Hidden by default */
								  width: 100%; /* Full width (cover the whole page) */
								  height: 100%; /* Full height (cover the whole page) */
								  top: 0;
								  left: 0;
								  right: 0;
								  bottom: 0;
								  background-color: rgba(0,0,0,0.5); /* Black background with opacity */
								  z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
								  cursor: pointer; /* Add a pointer on hover */
								}
	.w-small{ width:3rem;}
	.w-mid	{ width:6rem;}
	label	{display:block;}
	legend	{font-size:1.1rem; font-weight: bold; text-decoration: underline;}
	.select2-container .select2-selection--single	{height: calc(2.25rem + 2px) !important;}
	.admin-event-name	{max-width:25vw !important;overflow:hidden;white-space:nowrap}
	
.responsive { font-size: .75rem;} 
@media (min-width: 768px) {
	.responsive { font-size: .7rem;} 
}
@media (min-width: 950px) {
	.responsive { font-size: .8rem;} 
}

@media (min-width: 1150px) {
	.responsive { font-size: 1rem;} 
}