.showAllText
{
	cursor:pointer;
}
.xdsoft_datetimepicker, .xdsoft_timepicker
{
	z-index:2147483647;
}
.nowrap
{
	white-space:nowrap;
}
tr.alternating
{
	background-color: unset;
}
tr.alternating:nth-child(odd) 
{
	background-color:#e7e7e7;
}
tr.alternating.hidden
{
  display: none;
}
tr.alternating.visible
{
	background-color:unset;
}
tr.alternating.visible:not(.hidden):nth-child(odd)
{
	background-color:#e7e7e7;
}
.tagdiv
{
	display:none;
}
.topnav.search-results li a.is-donor
{
	padding-left:10px;
	cursor:pointer;
}
table.unbootstrap
{
	border-collapse:initial;
}
select[multiple] option:checked
{
	font-weight:bold; /*1aab8e*/
	background: #348bd1 -webkit-linear-gradient(bottom, #348bd1 0%, #348bd1 100%);
}
html.popup_visible .ia_interface_container *
{
	cursor:default !important;	/* never show hand if popup is open */
}
html.popup_visible,
html.popup_visible body
{
	overflow:hidden !important;
}
html.popup_visible .tooltipster-base
{
	display:none !important;	/* never show tooltips if popup is open */
}
html.popup_visible .nav .open .dropdown-menu
{
	display:none !important;
}
.ia_popup
{
	display:none;
	border:2px solid #666;
	color:#666;
	background-color:white;
	margin-top:30px;
	box-shadow:10px 10px 5px rgba(0, 0, 0, 0.4);
	width:400px;
	position:fixed;
	top:100px;
	left:calc(50% - 200px);
	z-index:9999999;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:5px;
	padding-right:5px;
	
	max-height:80%;
	overflow-y:auto;
}
.ia_popup .closex
{
	width:20px;
	height:20px;
	border-radius:50%;
	color:white;
	background-color:#55F;
	position:fixed;
	left:calc(50% + 160px);
	top:140px;
	line-height:20px;
	font-weight:bold;
	text-align:center;
	z-index:99999999;
	opacity:1;
}
.ia_popup.fullscreen .closex
{
	left:unset;
	right:calc(10% + 30px);
	top:80px;
}
.ia_popup.nopadding
{
	padding-left:0;
	padding-right:0;
	padding-top:0;
	padding-bottom:0;
}
.ia_popup iframe.popupIframe
{
	width: 100%;
	height: 100%;
	margin: 15px;
	border:none;
}
.ia_popup.fullscreen
{
	width:80%;
	left:10%;
	top:40px;
}
.ia_popup .noprint
{
	display:none !important;
}
.ia_popup .noprint.ianbutton
{
	display:inline !important;
}
.ia_popup .closex:hover
{
	cursor:pointer;
	opacity:0.7;
}
.ia_popup div.tag
{
	height:100px;
	width:96px;
	text-align:center;
	float:left;
}
.ia_popup div.tag_history
{
	display:inline-block;
	width:100%;
	color:var(--userColorDark);
}
.ia_popup div.tag_history:hover
{
	cursor:pointer;
	text-decoration:underline;
}
.ia_popup div.tag span
{
	display:block;
}
span.tagchooser
{
	display:inline-block;
}
span.tagchooser span.title
{
	font-size:9pt;
}
.ia_tag_unset
{
}

.ia_popup .helperterm
{
	background-color:cornflowerblue;
	color:white;
	border-radius:5px;
	height:auto;
	min-height:40px;
	line-height:25px;
	margin-bottom:10px;
	cursor:pointer;
}
.ia_popup .helperterm:hover
{
	opacity:0.9;
}
.ia_popup .helperterm .popularity
{
	width:30px;
	height:30px;
	background-color:white;
	color:cornflowerblue;
	float:right;
	border-radius:50%;
	margin-right:10px;
	margin-top:5px;
	line-height:30px;
}
span.fake_textinput
{
	border:1px solid #555;
	border-radius:5px;
	width:100%;
	display:inline-block;
	padding-left:3px;
}
.claimAndApprove
{
	background-color:red;
	color:white;
	margin-left:10px;
	margin-right:10px;
	padding:5px 10px ;
	cursor:pointer;
	border-radius: 5px;
	
}

.claimedAndApproved .success
{
	margin-left:10px;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;
	background-color:green;
	color:white;
}
.claimedAndApproved .failure
{
	margin-left:10px;
	margin-right:10px;
	padding-left:10px;
	padding-right:10px;
	background-color:red;
	color:white;
}
.xdsoft_scrollbar >.xdsoft_scroller
{
	min-height:40px !important; /* this overrides the size of the jquery datetime controls time scrollbar */
}

.viewable_box
{
	display:flex;
	float:left;
	border:1px solid #555;
	border-radius:5px;
	min-height:75px;
	background-color:#fffffe;
	width:99%;
}
select[multiple='true']
{
	height:75px;
}
div.viewable_box::before
{
	content:'\f0ae';
	content:'\2632';
	font-family:'Font Awesome 5 Pro';
	display: inline-block;
	cursor: pointer;
	width: 20px;
	height: 20px;
	font-size:15px;
	color:#555;
	margin-left:4px;
}
.editable_box
{
	display:none;
}
.printable.multiselect
{
	font-size:7pt;
}
.monthpicker .ui-datepicker-calendar 
{
	display: none;	/* This hides the calendar in a monthpicker (so they can only choose month/year, and not day) */
}
.reportbutton
{
	color:white !important;
	background-color:var(--iabuttonbg);
	border:2px solid var(--iabuttonbg);
	text-decoration:none;
	border-radius:10px;
	border-radius:10px;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
}
.reportbutton:hover
{
	background-color:white;
	color:var(--iabuttonbg) !important;
}
.colorpicker,.ia_color_picker,.ia_colour_picker
{
	max-width:100px;
	min-width:100px;
}
/*****************************************************************************/
/* IAN: Below is an example of dynamic sizing depending on screen resolution */
/*****************************************************************************/
.around_200_px
{		width:calc(50% - 20px); /* lowest common denominator - phones and such */
}
@media only screen and (min-width: 800px) 
{	.around_200_px
	{	width:calc(33% - 20px); /* at 800px we can do 3 across */
	}
}
@media only screen and (min-width: 1300px) 
{	.around_200_px
	{	width:calc(25% - 20px); /* at 1300px we can do 4 across */
	}
}
@media only screen and (min-width: 1500px) 
{	.around_200_px
	{	width:calc(20% - 20px); /* at 1500px we can do 5 across */
	}
}
/*****************************************************************************/
/* IAN: Above is an example of dynamic sizing depending on screen resolution */
/*****************************************************************************/