@import url("/core/fonts/full-bhuna/styles.css?v=2");

html {
	scroll-behavior: smooth;/* replaces jsScrollTo! */
}


/* Bootstrap 3 fixes */
/* larger versions to augment Bootstrap 3 */
.visible-xl-block, .visible-xl-inline-block {
	display:none;
}
@media print {
	/*print fix */
	.container {
		width:100% !important;
	}
}

/* of the screen is divided in half, this will bring the content within each half to the width of the container for each break point */

.half-container {
	width: 100%;
	padding-right: calc(var(--bs-gutter-x) * .5);
	padding-left: calc(var(--bs-gutter-x) * .5);
}
@media (min-width: 576px) {
	.half-container {
		/* assuming not halved so treat as normal container */
		max-width: 540px;
		margin: 0 auto;
	}
}

@media (min-width: 768px) {
	.half-container {
		max-width: 360px;
		margin: 0;
	}
}
@media (min-width: 992px) {
	.half-container {
		max-width: 480px;
	}
}
@media (min-width: 1200px) {
	.half-container {
		max-width: 570px;
	}
}
@media (min-width: 1400px) {
	.half-container {
		max-width: 660px;
	}
}

/* add Bootstrap 3 features to Bootstrap 5 for code compatibility */

.bootstrap5 div.form-inline { /*DIVs only (i.e not tds) */
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	gap: 0.5rem; /* spacing between elements */
}

.bootstrap5 .form-inline .form-control,
.bootstrap5 .form-inline .form-select,
.bootstrap5 .form-inline .btn {
	display: inline-block;
	width: auto;
	vertical-align: middle;
}

/* add some Bootstrap 5 features to Bootstrap 3 */

.bootstrap3  .form-check-inline {
	display: inline-block;
}

.bootstrap3  .g0 {
	margin-right: 0;
	margin-left: 0;
}

.bootstrap3  .g0 > [class^="col-"] {
	padding-right: 0;
	padding-left: 0;
}
.bootstrap3 .p-0 {
	padding: 0 !important;
}
.bootstrap3 .p-3 {
	padding: 1rem !important;
}

.bootstrap3 .p-4 {
	padding: 1.5rem !important;
}
.bootstrap3 .p-5 {
	padding: 3rem !important;
}
.bootstrap3 .pt-0 {
	padding-top: 0 !important;
}
.bootstrap3 .pb-0 {
	padding-bottom: 0 !important;
}

.bootstrap3  .pb-3 {
	padding-bottom: 1rem !important;
}

.bootstrap3 .pb-5 {
	padding-bottom: 3rem !important;
}


.bootstrap3  .pt-3 {
	padding-top: 1rem !important;
}
.bootstrap3  .pt-5 {
	padding-top: 3rem !important;
}
.bootstrap3  .py-3 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}
.bootstrap3  .py-4 {
	padding-top: 1.5rem !important;
	padding-bottom: 1.5rem !important;
}
.bootstrap3  .py-5 {
	padding-top: 3rem !important;
	padding-bottom: 3rem !important;
}



.bootstrap3 .m-0 {
	margin: 0 !important;
}

.bootstrap3 .mt-0 {
	margin-top: 0 !important;
}

.bootstrap3 .mb-0 {
	margin-bottom: 0 !important;
}

.bootstrap3  .mb-1 {
	margin-bottom: 0.25rem !important;
}

.bootstrap3  .mb-3 {
	margin-bottom: 1rem !important;
}
.bootstrap3  .mb-5 {
	margin-bottom: 3rem !important;
}

.bootstrap3  .mt-3 {
	margin-top: 1rem !important;
}

.bootstrap3 .table-responsive {
	/* fixes overflow-y hidden issue */
	padding-bottom:250px;
	margin-bottom:-250px;
}

.bootstrap3 .visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0, 0, 0, 0);
	white-space: nowrap;
	border: 0;
}

td > .input-group {
	width: 100%; /* fixes width bug in td */
}

/* Bootstrap 3 changes for Full Bhuna */
.btn-outline-secondary {
	/* for DW predictive class */
}

.btn-invisible {
	background: none !important;
	border: none !important;
	padding: 0 !important;
}

.link-container {
	/* add this class to any container you wish to click anywhere to activate a contained link (accompanying javascript required) */
	cursor: pointer;
}

/*Adding this css declaration will fix any issues with table cells wrapping button groups.*/
tr .btn-group {
	display: flex;
}

.row.flex, .row-xs-flex {
	display:flex;
	justify-content: center; /* centres */
	flex-wrap: wrap;
}

/* add FLEX to bootstrap columns */
.row.flex > div, .row-xs-flex > div  {
	display: flex;
	flex-direction: column;
}
/* safari fix for last column wrapping in flex */
.row.flex:before, .row.flex:after,
.row-xs-flex:before, .row-xs-flex:after {
	display: none;
}



@media (min-width: 768px) {


	.row.row-sm-flex {
		display:flex;
		justify-content: center; /* centres */
		flex-wrap: wrap;
	}
	.row.row-sm-flex > div  {
		display: flex;
		flex-direction: column;
	}
	/* safari fix for last column wrapping in flex */
	.row.row-sm-flex:after, .row.row-sm-flex:before {
		display: none;
	}

}
@media (min-width: 992px) {
	.row.row-md-flex {
		display:flex;
		flex-wrap: wrap;
		justify-content: center; /* centres */
	}
	.row.row-md-flex > div  {
		display: flex;
		flex-direction: column;
	}
	/* safari fix for last column wrapping in flex */
	.row.row-md-flex:after, .row.row-md-flex:before {
		display: none;
	}
}
@media (min-width: 1200px) {
	.row.row-lg-flex {
		display:flex;
		flex-wrap: wrap;
		justify-content: center; /* centres */
	}
	.row.row-lg-flex > div  {
		display: flex;
		flex-direction: column;
	}
	/* safari fix for last column wrapping in flex */
	.row.row-lg-flex:after, .row.row-lg-flex:before {
		display: none;
	}
}



/* Bootstrap 3 -> 5 */
.font-italic {
	font-style:italic;
}
.font-bold {
	font-weight:bold;
}

.eigengrau {
	/* brain black */
	color: #16161d;
}

.container .container {
	width:auto;
	/* margin kept as is */
	padding:0;
}

img, video { /* all images max out at screen/col width */
	display:inline-block;
	margin:0;
	max-width:100%;
	height:auto;
}

.bg-img {
	background-image:none;
	background-position:center center;
	background-repeat:no-repeat;
	background-size:cover;
}

.row img, .row video, .bg-img img { /* all column images  max fill col width */
	max-width:100% !important;
}

img.actualsize { /* override above */
	width:auto !important;
	max-width:none;
}

small {
	color:inherit !important;
}

td, th {
	vertical-align:top;
}

label {
	font-weight:inherit;
	cursor:pointer;
}

legend {
	display: inline;
	margin:0;
	padding: 0 5px;
	font-size: inherit;
	line-height: inherit;
	color: inherit;
	border:none;
	width:auto;
}

.label {
	display: inline;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	line-height: inherit;
	color: inherit;
	text-align: left;
	white-space:normal;
	vertical-align:auto;
	border-radius: 0;
}

blockquote:after {
	/*prevent single quotes in subsequent blockquotes*/
	content: close-quote;
	visibility:hidden;
}


/* Legacy items (pre bootstrap theme) prepended with #FBTemplate  */

p:empty:before { /* allow empty p tags for vertical spacing */
	content: "\00a0";
}

.safari-fix {
	/* fixes z-index and font issues in Safari */
	transform:translateZ(1px);
}

.preventdelete {
	/* to allow curser insertion on empty tag */
	min-height:16px;
	min-width:16px;
}

.fb-shadow {
	box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 10px rgba(0, 0, 0, .35);
}



.localStorage,
.printonly,
.popuponly,
.no-js .javascriptOnly {
	display: none; /* overridden by javascript  */
}

select.error, input.error, textarea.error {
	appearance: none;
	box-shadow:         0 0 10px 0 rgba(217, 0, 0, 1);
}

select.readonly,
input[type=checkbox].readonly,
input[type=radio].readonly { /* mimics readonly as on input and textarea */
	opacity: 0.67;
	pointer-events: none;
}

/* Hide annoying number field arrows - Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

/* Hide number field arrows - Firefox */
input[type=number] {
	-moz-appearance: textfield;
}

.collapsible {
	cursor:pointer;
	padding-right: 20px;
	background-image: url(../images/icons/toggle.png);
	background-repeat: no-repeat;
	background-position: right center;
}

.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0;
}


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

.table-ellipsis {
	/* need to also add above class to td */
	table-layout: fixed;
	width: 100%;
}

.max-lines-2 {
	/* useful for shortening text in table cells apply to a div or span within */
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.dont-break-out {
	/* These are technically the same, but use both */
	overflow-wrap: break-word;
	word-wrap: break-word;

	/* This is the dangerous one in WebKit, as it breaks things wherever
    word-break: break-all;*/
	/* Instead use this non-standard one: */
	word-break: break-word;

	/* Adds a hyphen where the word breaks, if supported (No Blink) */
	-ms-hyphens: auto;
	-moz-hyphens: auto;
	-webkit-hyphens: auto;
	hyphens: auto;
}



/* to full justify one line of text or every line of a paragraph */
.fulljustify {
	text-align: justify;
}
.fulljustify:after {
	content: "";
	display: inline-block;
	width: 100%;
}


.img-magnify {
	/* added to wrapper element */
	overflow:hidden;
	position: relative;
	display:block; /* if <a> */
}
.img-magnify > img {
	transition:0.5s;
}
.img-magnify > img:hover {
	transform:scale(1.1,1.1);
}



/*RESPONSIVE TABLES */

table.responsive * {
	box-sizing:border-box;
}
table.responsive {
	width:100% !important;
	height:auto !important;
	max-width:100%;

}
table.responsive tr, table.responsive th, table.responsive td {
	height:auto !important;
	width:auto !important;
	max-width:100% !important;
}

table.responsive.gutter th, table.responsive.gutter td {
	padding: 0 15px;
}
table.responsive.gutter th:first-child, table.responsive.gutter td:first-child {
	padding-left:0;
}
table.responsive.gutter th:last-child, table.responsive.gutter td:last-child {
	padding-right:0;
}

@media (max-width: 767px) {
	table.responsive,  table.responsive > tbody,  table.responsive > thead,  table.responsive  > tr, table.responsive > thead > tr, table.responsive > tbody > tr, table.responsive > tr > th, table.responsive > tr > td, table.responsive > thead > tr > th ,  table.responsive > tbody > tr > td,  table.responsive > tbody > tr > th {
		display:block !important;
	}
	table.responsive.gutter th, table.responsive.gutter td {
		padding:0;}

}

/* TINY MCE EDITOR HELPERS */

.mce-branding-powered-by, .mce-branding  {
	visibility:hidden !important;
}

div.mce-tinymce.mce-container.mce-panel {
	width:auto !important; /* tinymce makes this 100% which seems to make it crop at edge */
}

#tinymce .visibileEditorDIV,
#tinymce .container,
#tinymce .container-fluid {
	border: 1px dashed red;
}

#tinymce .row > div {
	border: 1px dashed green;
}

#tinymce .tinymce-highlight,  #tinymce .cycle, #tinymce .slideshow {
	border: 2px dashed yellow;
	position:relative;
}

#tinymce .tinymce-highlight:before,  #tinymce .cycle:before, #tinymce .slideshow:before {
	content:"Special Content";
	display:block;
	background:rgba(255,255,0,0.5);
	padding:2px;
	z-index:2;
	position:absolute;
	bottom:100%;
	left:0;
	font-size:10px;
}

#tinymce .cycle:before, #tinymce .slideshow:before {
	content:"Slideshow";
}

#tinymce td, #tinymce th {
	min-height:12px;
	min-width:20px;
}

#tinymce table.responsive > tbody > tr > th, #tinymce table.responsive > tbody > tr > td, #tinymce table.responsive > tr > th, #tinymce table.responsive > tr > td {
	border-color:#FCF;
}

#tinymce .collapse {
	display: block !important;
	border: 1px dashed rgba(255,153,51,1);
	position:relative;
}

#tinymce .collapse:before {
	content:"Collapsible Content";
	display:block;
	background:rgba(255,153,51,0.5);
	padding:2px;
	z-index:2;
	position:absolute;
	bottom:100%;
	left:0;
	font-size:10px;
}


.red, .red a {
	color: #FF0000;
}

.table {
	display:table;
}

.tr {
	display:table-row;
}

.td, .th {
	display:table-cell;
}

.tbody, .thead {
	display:table-row-group;
}

th, .th {
	text-align:left;
	vertical-align:bottom;
}

table.form-table th, table.form-table td {
	padding: 2px 4px 2px 0;
}

@media (max-width: 767.98px) {
	table.form-table, table.form-table thead, table.form-table tbody, table.form-table tr,  table.form-table th, table.form-table td {
		display:block;
	}
	table.form-table .text-right,
	table.form-table .text-end {
		text-align:left;
	}
}

/* replaces .form-table (deprecated) - included in Bootstrap 4 */
.table-borderless > tr > th,
.table-borderless > tr > td,
.table-borderless > thead > tr >th,
.table-borderless > tbody > tr > td,
.table-borderless > tbody > tr > th,
.table-borderless tbody + tbody {
	border: 0 !important;
}

/* extra class for non-full-width tables */
.table-nonfluid {
	width: auto !important;
}
/* sticky header on tables  DOES NOT work inside a table-responsive DIV (overflow settings break sticky) */
.table-sticky>thead {
	position:sticky;
	top: 0;
	background-color:rgba(255,255,255,1);
	z-index: 1; /* fixes issue where tds overlap ths  */
}
.table-sticky>thead:after {
	/* to replace bottom border which disappears on sticky */
	content:"";
	display: block;
	position: absolute;
	width:100%;
	height: 1px;
	background-color: rgb(221, 221, 221);
}

.table-sticky-column {
	/* to be applied to all TH or TD in column NOTE - Currently a bug in Chrome removes bottom border */
	position: sticky;
	left: 0;
	z-index: 2;
}


.fb_datepicker {
	display:none;
}
.fb_datepicker select.form-control {
	display:inline-block;
	width:auto;
}

.a4page { /* 210 x 297 */
	height: 257mm;
	width: 170mm; /* centre the page */
	border: 1px solid #333333;
	text-align: left;
	margin: 10mm auto;

	padding: 20mm;
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	box-shadow: 5px 5px 5px #ccc;
}



ul.tabs {
	list-style-type: none;
	margin: 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	padding: 0 0 0  5px; /* space first tab from left */
}
ul.tabs li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	display:inline;
	/* nudge down so covers UL border below to create tab-effect */
	position: relative;
	top: 1px;
}
ul.tabs li a {
	text-decoration:none;
	display:inline-block;
	padding:3px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
	background-color:#E8E8E8;
	font-size: 120%;
	font-weight: bold;
	color:inherit;
}

.fb-map, #googlemap {
	height: 300px;
	margin-bottom: 1em;
}

.fb-click-confirm, .fb-click-submit, .fb-change-submit   {
	/* added here just to enable auto-complete in code editor */
}



.link_calendar, .link_archive, .link_csv,  .link_email, .link_cancel, .link_link, .link_users,  .link_logout, .link_print, .link_report, .link_save, .link_directory, .link_comment, .link_help, .link_up, .link_down, .link_left, .link_right, .link_top, .link_forward {
	border:none;
	display:inline-block;
	padding-left: 19px !important;
	line-height:20px;
	min-height:20px;
	background: no-repeat 0 50%;
}

a.icon_only, .icon_only,
.listTable .link_calendar,
.listTable .link_archive,
.listTable .link_csv,
.listTable .link_email,
.listTable .link_cancel,
.listTable .link_link,
.listTable .link_users,
.listTable .link_logout,
.listTable .link_print,
.listTable .link_report,
.listTable .link_save,
.listTable .link_directory,
.listTable .link_comment,
.listTable .link_help,
.listTable .link_up,
.listTable .link_down,
.listTable .link_left,
.listTable .link_right,
.listTable .link_top,
.listTable .link_forward
{
	display:inline-block;
	width:16px;
	height:16px;
	text-indent: -3000px;
	text-decoration:none;
	margin-left:0;
	padding:0;position:relative;
}
.listTable a {
	position:relative;
}

.listTable a:before, a.icon_only:before {
	font-family: 'Glyphicons Halflings', sans-serif;
	position:absolute; left:0; text-indent: 0;
}




.link_archive {
	background-image:url(../images/icons/system-file-manager.png);
}

.link_email {
	background-image:url(../images/icons/mail-reply-sender.png);
}
.link_cancel {
	background-image:url(/core/images/icons/cross.png);
}


.link_favourites {
	background-image: url(../images/icons/emblem-favorite.png);
}

.link_report {
	background-image: url(../images/icons/chart_pie.png);
}
.link_save {
	background-image:url(../images/icons/tick-green.png);
}
.link_directory {
	background-image:url(../images/icons/book_open.png);
}

.link_help {
	background-image:url(../images/icons/help.png);
}





a.icon_with_text, .icon_with_text { /* to be depracted as all will be this by default and wil need to add text below */
	display:inline-block;
	text-decoration: underline;
	width:auto !important;
	text-indent: 0 !important;
	padding: 0 0 0 19px !important;
	line-height:16px;

}


.form-uploading {
	position:fixed;
	z-index:999999;
	left:-999em;
	color:#FFF;
	background-color:rgb(0,0,0);
	background-color:rgba(0,0,0,.8);
	text-align:center;
	padding:60px;
	opacity:0;
	transition: opacity 0.5s ease-in-out;
}
.form-uploading.show {
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity:1;
}



.form-uploading:before {
	content:"";
	display:block; position:absolute;
	top:50%;
	left:50%;
	border: 16px solid #f3f3f3; /* Light grey */
	border-top: 16px solid #3498db; /* Blue */
	border-radius: 50%;
	width: 120px;
	height: 120px;
	margin-left:-60px;
	margin-top:-60px;
	animation: fb-rotate 2s linear infinite;
}

.fb-rotate {
	animation: fb-rotate 2s linear infinite;
}

@keyframes fb-rotate {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}

/* Define the keyframes for the flashing animation */
@keyframes fb-flash {
	0% {
		opacity: 1;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/* Apply the animation to the desired element */
.fb-flash {
	animation: fb-flash 1s infinite;
}

.fb-flip-horizontal {
	transform: scaleX(-1);;
}

.fb-flip-vertical {
	transform: scaleY(-1);;
}


fieldset {
	border: 1px solid #D7D7D7;
	padding: 5px;
	margin: 5px 0;
	border-radius:3px;
}



li .handle, td.handle {
	/*background-image: url(../images/icons/toggle.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	min-width: 20px;*/
	cursor:move;
}


li .handle:before, td.handle:before {
	font-family: 'Glyphicons Halflings' ,sans-serif;
	content:"\e055";
	color:#ddd;;
}



/*.status0 {
	background-image:url(../images/icons/amber-light.png);
	background-repeat:no-repeat;
	background-position: 50% 50%;
	width: 20px;
}
*/

.status0:before {
	content:'\25CF';
	color:#FFCC66;
	text-align:center;
	font-size:x-large;
	line-height:0.8;
}
.status1:before {
	content:'\25CF';
	color:#66CC00;
	text-align:center;
	font-size:x-large;
	line-height:0.8;
}

.status-1:before, .status2:before, .status3:before {
	content:'\25CF';
	color:#CC0000;
	text-align:center;
	font-size:x-large;
	line-height:0.8;

}

.status4:before { /* alert */
	font-family:'Glyphicons Halflings', sans-serif;
	content:"\e107";
	color:#CC0000;
	text-align:center;
}

.display0 {
	display:none;
}

.warning1:before {
	font-family:'Glyphicons Halflings' ,sans-serif;
	content:"\e107";
	color:#CC0000;
	text-align:center;
}

.tick1:before { /* no cross for 0 */
	font-family:'Glyphicons Halflings', sans-serif;
	content:"\e013";
	color:#66CC00;
	text-align:center;
}



.mouseOutHide, .hide {
	visibility:hidden;
}

.plural1 { /* used to hide plural text where count is one */
	display:none;
}



.googlemap img

{ max-width: none !important; /* fixes Bootstrap Google Maps Bug */
}

form .hp { /** HONEYPOT SPAM TRAP **/
	position:absolute !important;
	top:-999em !important;
}

.hamburger.animated {
	width:14px;
	height:14px;
	position:relative;
}

.hamburger.animated .menu-line {
	background-color:#333;
	height:2px;
	width:100%;
	border-radius:2px;
	position:absolute;
	left:0;
}

.hamburger.animated .menu-line-1 {
	top:0;
}
.hamburger.animated .menu-line-2 {
	top:0;
	bottom:0;
	margin:auto;
}
.hamburger.animated .menu-line-3 {
	bottom:0;
}
.hamburger.animated.open .menu-line-1 {
	transform: translateY(7px) translateY(-50%) rotate(-45deg);
}
.hamburger.animated.open .menu-line-2 {
	opacity:0;
}
.hamburger.animated.open .menu-line-1 {
	transform: translateY(-7px) translateY(50%)rotate(45deg);
}


.fb_avatar {
	display:inline-block;
	width:48px;
	height:48px;
	text-indent:-999em;
	text-decoration:none;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}

/*** DROPZONE UPDATES ***/

main .dropzone {
	border: 2px dashed rgb(204,204,204);
	border-radius: 5px;
	margin-bottom: 1em;

}


.dropzone .dz-message {
	font-size:18px;
	position:relative;
	/*
	background:url(/core/images/cloud-arrow-up-fill.svg) no-repeat center top;
	background-size: 149px 97px;*/
	padding: 100px 0 0 0;
	margin:0;


}


.dropzone .dz-message:before {
	position:absolute;
	content:'';
	left:0;
	right:0;
	bottom:0;
	top:0;
	background:url(/core/images/cloud-arrow-up-fill.svg)  no-repeat center top;
	background-size: 149px 97px;
	opacity:0.3;
	pointer-events: none;
}

.crumbs ol,
.crumbs ol li {
	list-style:none;
	padding:0;
	margin:0;
	display:inline-block;
}

.crumbs ol li:before { content:"\00a0\203A\00a0"; }
.crumbs ol li:first-child:before { content:""; }


ul.fb_share_tools, ul.fb_share_tools li {
	list-style:none;
	margin:0;
	padding:0;
	display:inline-block;
}


ul.fb_share_tools li a {
	width:32px;
	height:32px;
	line-height: 32px;
	display:inline-block;
	text-align: center;
	background-color: #212529;
	text-decoration: none;
	color: #ffffff !important;
}

ul.fb_share_tools li a:hover {
	text-decoration: none;
	background-color: #000000;
}



.search_picker_wrapper {
	position:relative;
}

.search_picker_id {
	position:absolute; /* for left: -999em in javascript */
}

.search_picker_list {
	position:absolute;
	left:0;
	top:100%;
	z-index:200;
	background:#fff;
	box-shadow: 1px 1px 2px 0 rgba(50, 50, 50, 0.56);
}

.search_picker_list ul,
.search_picker_list ul li {
	list-style:none;
	padding:0;
	margin:0;
}

.search_picker_list ul li a ,
.search_picker_list ul li span {
	display:block;
	padding:5px 10px;
	text-decoration:none;
}

.search_picker_list ul li a:hover {
	background:#CCCCCC;
}

.search_picker_close a {
	text-align:right;
}

/** REVIEWS **/

.starrating {
	display:inline-block;
	background-image:url(/core/images/ratings/star_ratings_0.png);
	width:80px;
	height:16px;
	text-indent: -999em;
}

.starrating.rating1 {
	background-image:url(/core/images/ratings/star_ratings_1.png);
}
.starrating.rating2 {
	background-image:url(/core/images/ratings/star_ratings_2.png);
}
.starrating.rating3 {
	background-image:url(/core/images/ratings/star_ratings_3.png);
}
.starrating.rating4 {
	background-image:url(/core/images/ratings/star_ratings_4.png);
}
.starrating.rating5 {
	background-image:url(/core/images/ratings/star_ratings_5.png);
}
.starrating.rating6 {
	background-image:url(/core/images/ratings/star_ratings_6.png);
}
.starrating.rating7 {
	background-image:url(/core/images/ratings/star_ratings_7.png);
}
.starrating.rating8 {
	background-image:url(/core/images/ratings/star_ratings_8.png);
}
.starrating.rating9 {
	background-image:url(/core/images/ratings/star_ratings_9.png);
}
.starrating.rating10 {
	background-image:url(/core/images/ratings/star_ratings_10.png);
}


/*** LEGACY ***/
ul.submenu {
	padding: 0;
	margin: 0 0 20px 0;
	list-style-type: none;display:inline-block;
	background-color:#333;border-radius: 3px;	overflow: auto;
}


ul.submenu li {
	display:inline-block;
	list-style-type: none;
	padding: 0 10px;
	margin:0;
	float:left;	border-right:#666 1px solid;transition:.5s;
}
ul.submenu li a {
	display:inline-block;
	height: 24px;
	line-height: 24px;
	background-position: 0 center;
	color: #fff;
	text-decoration: none;
	/* override link icon settings */
	width: auto;
	text-indent: 0;
}

ul.submenu li a:before {
	font-family: 'Glyphicons Halflings' ,sans-serif;
	display:inline-block;
	margin-right: 5px;
	float:left;
}


ul.submenu li:last-child  {
	border:none;
}
ul.submenu li:hover, ul.submenu li:focus {
	background-color: #666;
}
ul.submenu a:hover, ul.submenu a:focus {
	text-decoration: none;
}

table.listTable, ul.listTable { /* ul can be table too */
	empty-cells:show;
	table-layout:fixed;
	border-collapse:collapse;
	border-spacing: 0;
}

ul.listTable {
	display:table;
	margin:0;
	padding:0;
	list-style:none;
}

ul.listTable > li {
	display:table-row;
	margin:0;
	padding:0;
	list-style:none;
}

ul.listTable > li.header, ul.listTable > li .th {
	font-weight:bold;
}

ul.listTable > li > span,
table.listTable > tr > td,
table.listTable > tr > th,
table.listTable > tbody > tr > td,
table.listTable > tbody > tr > th,
table.listTable > thead > tr > th {
	display:table-cell;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D7D7D7;
	border-top-width: 0;
	border-right-width: 0;
	border-left-width: 0;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding: 2px 10px 2px 0;
	vertical-align: middle;
}


td.right,
th.right,
ul.listTable span.right {
	text-align:right !important;
}

.center,
td.center,
th.center,
ul.listTable span.center {
	text-align:center !important;
}

.middle,
td.middle,
th.middle,
ul.listTable span.middle {
	vertical-align:middle !important;
}

.top,
td.top,
th.top,
ul.listTable span.top {
	vertical-align:top !important;
}


.tinymce table.listTable td a,
.tinymce  ul.listTable span a {
	text-decoration:none;
	border:none;
	color:inherit;
}

.tinymce  table.listTable td a:hover,
.tinymce  ul.listTable span a:hover {
	text-decoration:underline;
}

table.listTable  tr:hover td,
ul.listTable li:hover {
	background-color:#ECECEC;
	cursor:default;
}

.listTable tr.noUnderline td,
ul.listTable li.noUnderline span  {
	border:none;
}

.listTable img {
	vertical-align:middle;

}
html.rank0 .rank1, html.rank0 .rank2, html.rank0 .rank3, html.rank0 .rank4, html.rank0 .rank5, html.rank0 .rank6, html.rank0 .rank7, html.rank0 .rank8, html.rank0 .rank9, html.rank0 .rank10,
html.rank1 .rank2, html.rank1 .rank3, html.rank1 .rank4, html.rank1 .rank5, html.rank1 .rank6, html.rank1 .rank7, html.rank1 .rank8, html.rank1 .rank9, html.rank1 .rank10,
html.rank2 .rank3, html.rank2 .rank4, html.rank2 .rank5, html.rank2 .rank6, html.rank2 .rank7, html.rank2 .rank8, html.rank2 .rank9, html.rank2 .rank10,
html.rank3 .rank4, html.rank3 .rank5, html.rank3 .rank6, html.rank3 .rank7, html.rank3 .rank8, html.rank3 .rank9, html.rank3 .rank10,
html.rank4 .rank5, html.rank4 .rank6, html.rank4 .rank7, html.rank4 .rank8, html.rank4 .rank9, html.rank4 .rank10,
html.rank5 .rank6, html.rank5 .rank7, html.rank5 .rank8, html.rank5 .rank9, html.rank5 .rank10,
html.rank6 .rank7, html.rank6 .rank8, html.rank6 .rank9, html.rank6 .rank10,
html.rank7 .rank8, html.rank7 .rank9, html.rank7 .rank10,
html.rank8 .rank9, html.rank8 .rank10,
html.rank9 .rank10 {
	position:absolute !important;
	left:-9999em !important;/* hide that is form friendly */
}

html.rank0 .hide-rank0, html.rank1 .hide-rank1, html.rank2 .hide-rank2, html.rank3 .hide-rank3, html.rank4 .hide-rank4, html.rank5 .hide-rank5, html.rank6 .hide-rank6, html.rank7 .hide-rank7, html.rank8 .hide-rank8, html.rank9 .hide-rank9, html.rank10 .hide-rank10 {
	position:absolute !important;
	left:-9999em !important;/* hide that is form friendly */
}
.fancybox-hidden {
	display:none;
}
#tinymce .fancybox-hidden {
	display:block;
}
[data-fancybox="images"],[data-fancybox="gallery"] {
	cursor: zoom-in;
}
.form-hidden {
	/* hide without stopping values from submitting */
	display:block;
	position:absolute !important;
	top:-999em;
}

/* DevBridge Autocomplete */

.autocomplete-suggestions { z-index: 999999 !important; border: 1px solid rgb(204, 204, 204); border-radius: 4px; background: #FFF; overflow: auto; width:auto !important; 	box-shadow: 0 0 0 1px rgba(0, 0, 0, .1), 0 1px 10px rgba(0, 0, 0, .35);
}
.autocomplete-suggestion { padding: 5px 12px; white-space: nowrap; overflow: hidden; cursor:pointer;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: bold;  }
.autocomplete-group { padding: 2px 5px; }
.autocomplete-group strong { display: block; border-bottom: 1px solid #000; }

.glyphicon:before {
	/* Fix for emoji issue? */
	font-family:"Glyphicons Halflings", sans-serif;
}

.glyphicon,  .icon   {
	position: relative;
	top:.15em;
	line-height: 1;
}

.icon {
	font-family: full-bhuna, sans-serif;
}

.fb-icon {
	position:relative;
	top:0.2em;
	display:inline-block;
	width:1em;
	height:1em;
	background: no-repeat center center;
	background-size:contain;
}

.text-truncate {
	/* as bootstrap 4 */
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}



@media (orientation: landscape) {
	.landscape {
		display:block;
	}
	.portrait {
		display:none;
	}

}

@media (orientation: portrait) {
	.landscape {
		display:none;
	}
	.portrait {
		display:block;
	}
}

/* QUICK EDIT */


.quickeditbar {
	display:block;
	box-sizing:border-box;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:99999;
	padding: 3px 15px;
	/*height:30px;
	line-height:30px;*/
	background:#000;
	border-bottom:1px solid #cccccc;
	color: #cccccc;
	box-shadow: 0 4px 22px 0 rgba(0,0,0,0.75);
	font-family:Arial, Helvetica, sans-serif !important;
	font-size:16px !important;
}

.quickeditbar a, .quickeditbar a:link, .quickeditbar a:visited,.quickeditbar a:active, .quickeditbar a:hover {
	color: #cccccc;
	white-space:nowrap;
}

.quickeditbar a:hover {
	color: #ffffff;
	text-decoration:none;
}

.quickeditbar img {
	width:20px;
	height:20px;
	display:inline-block;
	vertical-align:middle;
	position:relative;
	top:-2px;
}



.quickedit_close {
	float:right;
}

/* together with JS, adds shadow to .table-responsive if there is overflow */
.table-responsive-wrapper {
	position: relative;
}

.table-responsive-wrapper:after {
	content: "";
	display: block;
	position: absolute;
	z-index: 5;
	top:0;
	right:0;
	width: 10%;
	height:100%;
	box-shadow: inset -20px 0 20px -20px rgba(0,0,0,.05);
	pointer-events: none;
}


.quickeditcontainer {
	position:relative;
	margin: 0 auto;

}
.quickeditcontainer.active {
	z-index:65500; /* only bring forward when actve so as not to cover drop down menus this is just below 65536 of tinyme drop down menus */

}

.quickeditcontainer .mce-tinymce {
	position:absolute;
	top:-76px; /* move up toolbar amount */
	left:0;
	z-index:500;
	box-shadow: 0 0 22px 0 rgba(0,0,0,0.75);
}

.responsive-utility {
	display:inline-block;
	padding: 0 15px;
}

.debug-mode {
	background:rgba(255,0,0,1); color:rgba(255,255,255,1);
	display:inline-block;
	padding: 0 1rem;
	margin-right: 1rem;
}

*[data-toggle=tooltip] {
	cursor: pointer;
}

.fb_map {
	height: 300px;
	margin-bottom: 15px;
}

.visually-disabled {
	/* mimics disabled for form items - BUT allows them to be posted */
	background-color: #e9ecef !important; /* Matches Bootstrap disabled background */
	opacity: 1; /* Optional: make sure opacity isn't dimmed */
	cursor: not-allowed; /* Replicate the disabled cursory */
}

.form-select-readonly {
	/* mimics readonly for select menus - use in conjunction with visually-disabled above */
	pointer-events: none;
}