/**
 * ---------------------
 * - Custom Search CSS -
 * ---------------------
 * This custom CSS below will only effect the new search windows
 *
 * Here we implement:
 * 1. A basic card using flexbox as a backup (default will constrain to the grid row of any theme)
 * 2. A heading title to suit the card body
 * 3. A hover shadow for the card to indicate it's active
 */
div.card {
	position: relative;
	display: -ms-flexbox;
	display: flex !important;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-clip: border-box;
	border: 1px solid rgba(0,0,0,0.06);
	border-radius: 0rem;
	margin-bottom: 0.5rem;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	margin-top: -15px !important;
	-webkit-transition: all 0.3s;
}
div.card:hover {
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15) !important;
}
div.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem;
}
h3.title.card-title.pl-3 {
	padding-left: 1rem !important;
}
.btn {
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.alert-cti {
	margin-top: .5rem;
	font-size: 1.1rem;
	font-weight: 500;
	padding: .75rem 1.25rem;
	position: relative;
	margin-bottom: 1rem;
	border: 2px solid #2196f3;
	border-radius: 0px;
	display: block;
	width: 100%;
	line-height: 1.5;
	background-clip: padding-box;
}
.alert-cti h3 a {
}
.in-c-view {
	border: 2px solid #2196f3;
	margin-top: -30px;
	padding-left: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	border-top: 0px;
	border-radius: 0;
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 12px;
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) inset !important;
	width: 100% !important;
}
.in-c-view div.card {
	box-shadow: 0 .3rem .5rem rgba(0, 0, 0, .15) !important;
}
.in-c-view div.card:hover {
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .30) !important;
}
.fixed-size-150px {
	max-height: 350px;
}
.fixed-size-150px .columns {
	max-height: 350px;
	height: 250px;
}
.nx-noimage {
	background: #ddd;
	padding-top: 7em;
	padding-left: 8em;
	padding-right: 8em;
	padding-bottom: 6em;
}
.nx-d-none {
	display: none;
}
.esolution-view .row div {
	vertical-align: middle;
}
.esolution-view .row {
	display: flex!important;
	/*align-items: center;*/
	margin: 0 auto;
	max-width: 100% !important;
}
.fixed-size-150px-active-courses .columns {
	max-height: none !important;
	height: auto !important;
	min-height:250px;
}
.fixed-size-150px-active-courses {
	max-height: none !important;
}

/* show all active courses */

.show-all-less {
	text-align: center;
}

/* filters */

div#filters_fields_remove_clear {
	margin-bottom: 2rem; /* added as .card has margin-top: -15px */
}
button.filter_field {
	margin-right: 1rem;
}
button.filter_field:last-child {
	margin-right: 0;
}

/* filter */

li.filter_field:hover span {
	text-decoration: underline;
}

/* show all filter values */

.filters_fields_group_body {
	height: auto;
}