/** 
 * McMaster brand colours
 * 
 * Primaries:
 * Grey - #8e979d
 * Maroon - #7a003c
 * White - #ffffff
 * 
 * Secondaries
 * Blue - #193989
 * Yellow - #fdbf57
 * Black - #000000
 * 
 * Tertiaries (ONLY to be used when multiple options are required)
 * Dark blue - #260859
 * Amber - #e8941a
 * Green - #677718
 * Red - #910039
 * Dark orange? - #330e00
 * Pink - #e1b6b2
 **/

/* Generic brand colors */
.brand-blue
{
	color: #193989;
}
.brand-dark-blue
{
	color: #260859;
}
.brand-amber
{
	color: #e8941a;
}
.brand-green
{
	color: #677718;
}
.brand-red
{
	color: #910039;
}

/*Make page full browser window height*/
html
,body
{
	height: 100%;
}

/*Change page text/space size by altering base font */
html.shrink-15
{
	font-size: 0.9375em;
}

html.shrink-14
{
	font-size: 0.875em;
}

html.shrink-13
{
	font-size: 0.8125em;
}

html.shrink-12
{
	font-size: 0.75em;
}

/* Generic smaller text classes */
.text-reduced-75
{
	font-size: 0.75em;
}

/* General control/finish styles */
pre
{
	border: 1px solid #cacaca;
	background-color: #e6e6e6;
	font-weight: 400;
	color: #0a0a0a;
	display: inline;
	max-width: 100%;
	word-wrap: break-word;
	padding: .125rem .3125rem .0625rem;
	min-height: 2.4375rem;
}

pre.no-container
{
	border: 0;
	background-color: transparent;
	font-weight: 400;
	color: #0a0a0a;
	display: inline;
	word-wrap: break-word;
	white-space: pre-wrap;
	padding: 0;
	min-height: 0;
}


pre.scroll
{
	overflow: scroll;
}

pre.wrapped
{
	white-space: pre-wrap;
}

.strong
{
	font-weight: 700;
}

.italic
{
	font-style: italic;
}

.inline-block
{
	display: inline-block;
}

.margin-0
{
	margin: 0;
}

.padding-left-1
{
	padding-left: 1em;
}

.padding-top-1
{
	padding-top: 1em;
}

.overflow-visible
{
	overflow: visible;
}

.margin-bottom-1
{
	margin-bottom: 1em;
}

.inline
{
	display: inline;
}

.invisible
{
	visibility: hidden;
}

/*McMaster specific colors*/
.mac-page .title-bar
{
	padding-right: 1.0em;
	padding-left: 1.0em;
	background: #7a003c;
}

.mac-page .title-bar a
{
	outline: none;
	color: white;
}

/* Navigation */
.mac-page .menu .is-active > a
{
	position: relative;
	color: #ffffff;
	background: #193989;
}

.mac-page .menu .is-active > a::after
{
	position: absolute;
	right: 0;
	top: 50%;
	content: "";
	margin-top: -0.75em;
	border-right: 0.75em #ffffff solid;
	border-top: 0.75em rgba(0.5, 0.5, 0.5, 0) solid;
	border-bottom: 0.75em rgba(0.5, 0.5, 0.5, 0) solid;
}

/* Mel insists that the button font size be the same as labels 2021-10-08 FHSDB-66*/
.button
,.buttong-group .button
{
	font-size: 0.925rem;
}

/*Modal styles*/
@media print,screen and (min-width:40em)
{
	.reveal.large
	{
		width:90%;
		max-width:200rem
	}
	.reveal.medium
	{
		width:75%;
		max-width:75rem
	}
}

.card-modal
{
	padding: 0;
}

.card-modal .card
,.card.margin-0
{
	margin-bottom: 0;
}

.create-mode .form-edit
,.edit-mode .form-create
{
	display:none;
}

/* Additional card styles */
.card-section-no-padding .card-section
,.card-section.card-section-no-padding
{
	padding: 0;
}

/* Slow loading content */
.loading-container.show-loading
{
	position: relative;
}

.ajax-loading
{
	min-height: 3em;
}

.show-loading::before
,.ajax-loading::before
{
	content: '';
	display: block;
	position: absolute;
	z-index: 1000000;
	left: 50%;
	top: 0.5em;
	width: 32px;
	height: 32px;
	margin-bottom: -32px;
	margin-left: -16px;
	background: url(../img/loading.gif) 0 0 no-repeat transparent;
}

.show-loading-middle-left::before
{
	left: 0;
	top: 50%;
	margin-top: -16px;
	margin-bottom: auto;
}

.loaded.show-loading::before
,.hide-loading .show-loading::before
,.loaded.ajax-loading::before
{
	display: none;
}

.hide-form-inputs input
{
	display: none;
}

.show-form-inputs input
{
	display: inline-block;
}

table.ajax-loading tr td
,.slow-loading
{
	visibility: hidden;
}

.loaded.slow-loading
,.loaded .slow-loading
{
	visibility: visible;
}

/*Main nav styles*/
.mac-page .main-nav a
{
	color: #000000;
	text-decoration: none;
	outline: none;
}

/* Allow hiding nav on desktop */
@media screen and (min-width: 40em)
{
	.hide-desktop-nav .off-canvas ul.menu
	{
		display: none;
	}

	.hide-desktop-nav .off-canvas
	{
		left: -250px;
	}

	.hide-desktop-nav .off-canvas-content.has-reveal-left
	{
		margin-left: 0px;
	}

	.show-hide-desktop-nav.menu-icon
	{
		color: #ffffff;
	}

	.show-hide-desktop-nav.menu-icon::after
	{
		display: none;
	}
/*
	.hide-desktop-nav .show-hide-desktop-nav.menu-icon::after
	{
		background-color: #aaaaaa;
	}
	*/
	.hide-desktop-nav .show-hide-desktop-nav .icon
	{
		transform: rotate(45deg);
	}
}

/* Datatables styles */
.dataTables_scroll
{
	margin: 0.5em 0;
}

div.dataTables_wrapper .top div.dataTables_filter label
{
	margin-bottom: 8px;
}

div.dataTables_wrapper .bottom
{
	height: 2.5em;
}

div.dataTables_wrapper .bottom .pagination
{
	margin-bottom: 0;
}

/* Datepicker styles */
.fixed-datepicker .datepicker.dropdown-menu
{
	position: fixed;
}

/* Input styles */
.search-user-entry-field input.display-name
{
	background-color: #ffffff;
	cursor: pointer;
}

.search-user-entry-field.is-invalid-input input.display-name
{
	border-color: #cc4b37;
  background-color: #f9ecea;
}

input:disabled
{
  cursor: default;
}

/* Button styles and effect */
.button.primary
,.button.primary.disabled
,.button.primary[disabled]
,.button.primary.disabled:hover
,.button.primary[disabled]:hover
,.button.primary.disabled:focus
,.button.primary[disabled]:focus
{
    background-color: #7a003c;
    color: #fefefe; 
}

.button.primary:hover
,.button.primary:focus
{
    background-color: #7a003c;
    color: #fefefe; 
}

.button.hollow.primary
,.button.hollow.primary.disabled
,.button.hollow.primary[disabled]
,.button.hollow.primary.disabled:hover
,.button.hollow.primary[disabled]:hover
,.button.hollow.primary.disabled:focus
,.button.hollow.primary[disabled]:focus
{
    border: 1px solid #7a003c;
    color: #7a003c; }

.button.hollow.primary:hover
,.button.hollow.primary:focus
{
    border-color: #5e012f;
    color: #5e012f;
}

.button.clear.primary
,.button.clear.primary.disabled
,.button.clear.primary[disabled]
,.button.clear.primary.disabled:hover
,.button.clear.primary[disabled]:hover
,.button.clear.primary.disabled:focus
,.button.clear.primary[disabled]:focus 
{
    color: #7a003c; 
}

.button.clear.primary:hover
,.button.clear.primary:focus
{
    color: #5e012f;
}

.button.dropdown.hollow.primary::after
,.button.dropdown.clear.primary::after
{
		border-top-color: #7a003c;
}

.mac-page .button.warning
{
 background: #fdbf57;
}

.mac-page .button.success
{
 background: #677718;
 color: #ffffff;
}

.mac-page .button.bright-success
{
 background: #07a102;
 color: #ffffff;
}

.card-divider .button
{
	margin: -1em 0;
}

.card-divider .button.hollow
{
	background-color: #ffffff;
}

/* MD-like ripple */
.ripple
,.button.ripple
,.button.hollow.ripple
{
	background-position: center;
	transition: background 0.6s
		,box-shadow 0.3s;
}

.ripple:hover
{
	background: #3797e5 radial-gradient(circle, transparent 1%, #3797e5 1%) center/15000%;
}

.ripple:active
{
	background-color: #14679e;
	background-size: 100%;
	transition: background 0s;
}

.primary.ripple:hover
{
	background: #7a003c radial-gradient(circle, transparent 1%, #7a003c 1%) center/15000%;
}

.primary.ripple:active
{
	background-color: #5e012f;
	background-size: 100%;
	transition: background 0s;
}


.warning.ripple:hover
{
	background: #ddaf47 radial-gradient(circle, transparent 1%, #ddaf47 1%) center/15000%;
}

.warning.ripple:active
{
	background-color: #ffc159;
	background-size: 100%;
	transition: background 0s;
}

.success.ripple:hover
{
	background: #869b20 radial-gradient(circle, transparent 1%, #869b20 1%) center/15000%;
}

.success.ripple:active
{
	background-color: #677718;
	background-size: 100%;
	transition: background 0s;
}

.bright-success.ripple:hover
{
	background: #07a102 radial-gradient(circle, transparent 1%, #07a102 1%) center/15000%;
}

.bright-success.ripple:active
{
	background-color: #37f930;
	background-size: 100%;
	transition: background 0s;
}

.alert.ripple:hover
{
	background: #d14079 radial-gradient(circle, transparent 1%, #d14079 1%) center/15000%;
}

.alert.ripple:active
{
	background-color: #ee6d59;
	background-size: 100%;
	transition: background 0s;
}

.secondary.ripple:hover
{
	background: #5e5e5e radial-gradient(circle, transparent 1%, #5e5e5e 1%) center/15000%;
}

.button.hollow.ripple:hover
,.button.hollow.secondary.ripple:hover
{
	background: #ffffff radial-gradient(circle, transparent 1%, #ffffff 1%) center/15000%;
}

.button.hollow.ripple:active
{
	background-color: #3797e5;
	background-size: 100%;
	transition: background 0s;
}

.button.hollow.secondary.ripple:active
{
	background-color: #a2a2a2;
	background-size: 100%;
	transition: background 0s;
}

.button.hollow.alert.ripple:active
{
	background-color: #ee6d59;
	background-size: 100%;
	transition: background 0s;
}

.button i:first-child 
{
	padding-right: 0.25rem;
}

/* MD like elevation shadows */
.layer-1
,.button
{
	box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2),
		0px 1px 1px 0px rgba(0, 0, 0, 0.14),
		0px 2px 1px -1px rgba(0, 0, 0, 0.12);
}

.layer-2
,.layer-pop-2:hover
{
	box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.2),
		0px 2px 2px 0px rgba(0, 0, 0, 0.14),
		0px 3px 1px -2px rgba(0, 0, 0, 0.12); 
}

.layer-3
,.layer-pop-3:hover
,.button:hover
{
	box-shadow: 0px 1px 8px 0px rgba(0, 0, 0, 0.2),
		0px 3px 4px 0px rgba(0, 0, 0, 0.14),
		0px 3px 3px -2px rgba(0, 0, 0, 0.12);
}

.layer-4
,.layer-pop-4:hover
{
	box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2),
		0px 4px 5px 0px rgba(0, 0, 0, 0.14),
		0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}

.layer-5
,.layer-pop-5:hover
{
	box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
		0px 5px 8px 0px rgba(0, 0, 0, 0.14),
		0px 1px 14px 0px rgba(0, 0, 0, 0.12);
}

.layer-6
,.layer-pop-6:hover
{
	box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2),
		0px 6px 10px 0px rgba(0, 0, 0, 0.14),
		0px 1px 18px 0px rgba(0, 0, 0, 0.12);
}

.layer-7
,.layer-pop-7:hover
{
	box-shadow: 0px 4px 5px -2px rgba(0, 0, 0, 0.2),
		0px 7px 10px 1px rgba(0, 0, 0, 0.14),
		0px 2px 16px 1px rgba(0, 0, 0, 0.12);
}

.layer-8
,.layer-pop-8:hover
{
	box-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2),
		0px 8px 10px 1px rgba(0, 0, 0, 0.14),
		0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.layer-9
,.layer-pop-9:hover
{
	box-shadow: 0px 5px 6px -3px rgba(0, 0, 0, 0.2),
		0px 9px 12px 1px rgba(0, 0, 0, 0.14),
		0px 3px 16px 2px rgba(0, 0, 0, 0.12);
}

.layer-10
,.layer-pop-10:hover
{
	box-shadow: 0px 6px 6px -3px rgba(0, 0, 0, 0.2),
		0px 10px 14px 1px rgba(0, 0, 0, 0.14),
		0px 4px 18px 3px rgba(0, 0, 0, 0.12);
}

.layer-11
,.layer-pop-11:hover
{
	box-shadow: 0px 6px 7px -4px rgba(0, 0, 0, 0.2),
		0px 11px 15px 1px rgba(0, 0, 0, 0.14),
		0px 4px 20px 3px rgba(0, 0, 0, 0.12);
}

.layer-12
,.layer-pop-12:hover
{
	box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
		0px 12px 17px 2px rgba(0, 0, 0, 0.14),
		0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

.layer-13
,.layer-pop-13:hover
{
	box-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2),
		0px 13px 19px 2px rgba(0, 0, 0, 0.14),
		0px 5px 24px 4px rgba(0, 0, 0, 0.12);
}

.layer-14
,.layer-pop-14:hover
{
	box-shadow: 0px 7px 9px -4px rgba(0, 0, 0, 0.2),
		0px 14px 21px 2px rgba(0, 0, 0, 0.14),
		0px 5px 26px 4px rgba(0, 0, 0, 0.12);
}

.layer-15
,.layer-pop-15:hover
{
	box-shadow: 0px 8px 9px -5px rgba(0, 0, 0, 0.2),
		0px 15px 22px 2px rgba(0, 0, 0, 0.14),
		0px 6px 28px 5px rgba(0, 0, 0, 0.12);
}

.layer-16
,.layer-pop-16:hover
,.card-modal
{
	box-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2),
		0px 16px 24px 2px rgba(0, 0, 0, 0.14),
		0px 6px 30px 5px rgba(0, 0, 0, 0.12);
}

.layer-17
,.layer-pop-17:hover
{
	box-shadow: 0px 8px 11px -5px rgba(0, 0, 0, 0.2),
		0px 17px 26px 2px rgba(0, 0, 0, 0.14),
		0px 6px 32px 5px rgba(0, 0, 0, 0.12);
}

.layer-18
,.layer-pop-18:hover
{
	box-shadow: 0px 9px 11px -5px rgba(0, 0, 0, 0.2),
		0px 18px 28px 2px rgba(0, 0, 0, 0.14),
		0px 7px 34px 6px rgba(0, 0, 0, 0.12);
}

.layer-19
,.layer-pop-19:hover
{
	box-shadow: 0px 9px 12px -6px rgba(0, 0, 0, 0.2),
		0px 19px 29px 2px rgba(0, 0, 0, 0.14),
		0px 7px 36px 6px rgba(0, 0, 0, 0.12);
}

.layer-20
,.layer-pop-20:hover
{
	box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),
		0px 20px 31px 3px rgba(0, 0, 0, 0.14),
		0px 8px 38px 7px rgba(0, 0, 0, 0.12);
}

.layer-21
,.layer-pop-21:hover
{
	box-shadow: 0px 10px 13px -6px rgba(0, 0, 0, 0.2),
		0px 21px 33px 3px rgba(0, 0, 0, 0.14),
		0px 8px 40px 7px rgba(0, 0, 0, 0.12);
}

.layer-22
,.layer-pop-22:hover
{
	box-shadow: 0px 10px 14px -6px rgba(0, 0, 0, 0.2),
		0px 22px 35px 3px rgba(0, 0, 0, 0.14),
		0px 8px 42px 7px rgba(0, 0, 0, 0.12);
}

.layer-23
,.layer-pop-23:hover
{
	box-shadow: 0px 11px 14px -7px rgba(0, 0, 0, 0.2),
		0px 23px 36px 3px rgba(0, 0, 0, 0.14),
		0px 9px 44px 8px rgba(0, 0, 0, 0.12);
}

.layer.layer-24
,.layer-pop-24:hover
{
	box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2),
		0px 24px 38px 3px rgba(0, 0, 0, 0.14),
		0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.layer-pop-smooth
,.button
,.button.hollow
{
	transition: box-shadow 0.3s;
}

/* Forms and fields */
.grid-button-form
{
	display: inline;
	margin: 0 0.25em;
	padding: 0.25em;
	color: #1779ba;
	cursor: pointer;
}

.grid-button-form button
{
	color: #1779ba;
	cursor: pointer;
}

.dual-listbox select
{
	min-height: 200px;
}

.dual-listbox .button
{
	width: 80%;
	margin-left: 10%;
}

label > [type=checkbox]
,label > [type=radio]
{
	margin-right: .5rem;
	margin-left: .5rem;
}

.entry-title
{
	font-size: 1rem;
	font-weight: 700;
}

/* Make display field layout like Zurb input but without being an input */
.display-field .entry-field
{
	display: block;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 100%;
	height: 2.4375rem;
	padding: .5rem;
	margin: 0 0 1rem;
	border: 1px solid #f0f0f0;
	border-radius: 0;
	background-color: #f0f0f0;
	font-family: inherit;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #0a0a0a;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.display-field .entry-field.input-group-field
{
	margin-bottom: 0;
}

/* Select 2 select box fixes */
.select2-container
{
	width: 100% !important;
}

.select2-input-group .input-group-button
,.select2-input-group .input-group-label
{
	margin-bottom: 1rem;
}

.input-group.select2-input-group
{
	margin-bottom: 0;
}

.select2-container--default .select2-selection--single.is-invalid-input
,.select2-container--default .select2-selection--multiple.is-invalid-input
{
	border-color: #cc4b37;
	background-color: #f9ecea;
}

.select2-container--default.select2-container--open .is-invalid-input
,.select2-container--default.select2-container--focus .is-invalid-input
{
	border-color: #000000;
	background-color: transparent;
}

.select2-container--default .select2-selection--single
,.select2-container--default .select2-selection--multiple
,.select2-container--default.select2-container--focus .select2-selection--single
,.select2-container--default.select2-container--focus .select2-selection--multiple
/*,.select2-container--foundation.select2-container--open .select2-selection*/
{
	margin: 0 0 1rem;
	border: 1px solid #cacaca;
	border-radius: 0;
	padding-bottom: 0;
	font-size: 1rem;
	-webkit-box-shadow: inset 0 1px 2px rgb(10 10 10 / 10%);
	box-shadow: inset 0 1px 2px rgb(10 10 10 / 10%);
	transition: box-shadow 0.5s
		,border-color 0.25s ease-in-out
}

.select2-container--default .select2-selection--single
,.select2-container--default .select2-selection--single .select2-selection__arrow
{
	height: 2.4375rem;
	outline: none;
}

.select2-container--default.select2-container--open .select2-selection--single
,.select2-container--default.select2-container--focus .select2-selection--single
,.select2-container--default.select2-container--open .select2-selection--multiple
,.select2-container--default.select2-container--focus .select2-selection--multiple
{
	border-color: #000000;
	-webkit-box-shadow: 0 0 5px #cacaca;
	box-shadow: 0 0 5px #cacaca;
}

.select2-container--default .select2-selection--single .select2-selection__rendered
{
	color: #000000;
	line-height: 1.25;
	padding: .5rem;
}

.select2-container--open .select2-dropdown--below
{
	margin-top: -1rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered
{
	margin-left: 0;
}

.select2-container--default .select2-selection--multiple.select2-selection--clearable
{
	padding-right: 3rem;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice
{
	height: 2.1875rem;
	margin: .125rem 0.25rem .125rem 0.25rem;
	border: 1px solid #cacaca;
	border-radius: 0;
	padding: .5rem 2.4375rem .5rem .5rem;
	line-height: 1.25;
	background: none;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove
{
	right: 0;
	left: auto;
	width: 2.1875rem;
	height: 2.1875rem;
	border-right: 0;
	border-left: 1px solid #cacaca;
	border-radius: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove::before
{
	content: "\f00d";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span
,.select2-container--default .select2-selection--clearable .select2-selection__clear span
{
	display: none;
}

.select2-container--default .select2-search--inline textarea.select2-search__field
{
	display: inline;
	height: 2.4375rem;
	min-height: auto;
	margin: 0px;
	padding: 0.5rem;
}

.select2-container--default .select2-selection--clearable .select2-selection__clear
{
	height: 2.1875rem;
	margin-top: 0.0625rem;
	padding: 0.5rem;
	color: #ffffff;
	background-color: #cc4b37;
}

.select2-container--default .select2-selection--clearable .select2-selection__clear:hover
{
	background-color: #a11049;
}

.select2-container--default .select2-selection--clearable .select2-selection__clear::before
{
	content: "\f12d";
	font-family: "Font Awesome 5 Free";
}

/* Multiple user selection */
.search-entity-selection
{
	min-height: 2.5rem;
	box-sizing: border-box;
	margin: 0 0 1rem 0;
	padding-right: 1rem;
	border: 1px solid #cacaca;
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	background-color: #fefefe;
}

.single-select-entity-modal .search-entity-selection
{
	display: none;
}

.js-search-modal .search-entity-selection
{
	margin-top: 1rem;
}

.input-group-field .search-entity-selection
{
	white-space: normal;
}

.multiselect-entity-container
{
	display: inline-block;
	border: 1px solid #cacaca;
	padding: 0;
	margin: 3px 3px 2px 2px;
}

.multiselect-entity-container .multiselect-entity-text
{
	display: inline-block;
	margin: 0;
	padding: 0.35rem 0.5rem 0.4rem 0.5rem;
	height: 1.75rem;
	line-height: 1rem;
}

.multiselect-entity-container .multiselect-entity-button
{
	display: inline-block;
	margin: 0;
	border-left: 1px solid #cacaca;
	padding: 0.35rem 0.5rem 0.4rem 0.5rem;
	height: 1.75rem;
	line-height: 1rem;
}

/* Alert Box */
.alert-box {
	padding-right: 3.25rem;
	width: 100%;
	border-left-width: 0.3125rem;
	border-left-color: #cacaca;
	border-radius: 0.6rem;
}

.alert-box i {
margin-right: 0.25rem;
}
  
.alert-box .close-button {
	top: 0.75rem;
}

.alert-box strong {
	color: #0a0a0a;
}

.alert-box ul
{
	margin-bottom: 0rem;
	line-height: 1.25;
}

.alert-box ul li
{
	font-size: 80%;
}

.alert-box.alert {
	border-left-color: #cc4b37;
}

.alert-box.alert strong {
	color: #cc4b37;
}

.alert-box.primary {
	border-left-color: #1779ba;
}

.alert-box.primary strong {
	color: #1779ba;
}

.alert-box.success {
	border-left-color: #3adb76;
}

.alert-box.success strong {
	color: #3adb76;
}

.alert-box.warning {
	border-left-color: #e29c04;
}

.alert-box.warning strong {
	color: #e29c04;
}

/* Tabs styles */
.tabs-title
{
	background-color: rgba(240, 240, 240, 0.5);
}

.tabs-title.cv-tab
{
	background-color: rgba(240, 230, 210, 0.5);
}

.tabs-title .tab-tooltip
{
	display: block;
	padding: 1.25rem 1.5rem;
	font-size: .75rem;
	line-height: 1.25;
	background-color: rgb(234, 235, 186);
}

.tabs.larger-tab-text .tabs-title .tab-tooltip
{
	font-size: 1rem;
}

.hide-tooltip .tabs-title .tab-tooltip
{
	display: none;
}

.tabs-title.cv-tab>a:focus
,.tabs-title.cv-tab>a[aria-selected=true]
,.tabs-title.cv-tab>a
{
  color: #7a003c;
}

.tabs.primary {
	background: #7a003c; 
}

.tabs.primary > li > a {
	color: #fefefe; 
}

.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
	background: #6b0034; 
}

.tabs-content.borderless
{
	border: 0;
}

.tabs.section-tabs {
	border: 0;
	border-bottom: 1px solid #e6e6e6;
	background: transparent;
}

.tabs.section-tabs > li > a
{
	margin-right:16px;
	border-bottom: 4px solid transparent;
	color: #949393;
}

.tabs.section-tabs > li > a:hover 
,.tabs.section-tabs > li > a:focus
,.tabs.section-tabs > li > a[aria-selected=true] {
	background:transparent;
	border-bottom: 4px solid #e6e6e6;
	font-weight: 700;
}

.tabs.section-tabs > li > a[aria-selected=true] {
	background:transparent;
	border-bottom: 4px solid #636262;
	font-weight: 700;
	color: #636262;
}

.tabs-title.section-tab-title > a
{
  font-size: 1.10rem;
}

.tabs.larger-tab-text .tabs-title > a
{
	font-size: 1rem;
}

.tabs.section-tabs.primary > li > a[aria-selected=true] {
	border-bottom: 4px solid #7a003c;
	color:#7a003c;
}

/* START: custom sortable dual-listbox control */
.dual-listbox select
{
	min-height: 200px;
}

.dual-listbox .button
{
	width: 80%;
	margin-left: 10%;
}
/* END: custom sortable dual-listbox control */

/* Location selector */
.js-location-selector
{
	position: relative;
}

.js-location-selector
,.js-location-selector .display-field
,.js-location-selector .js-location-search
{
	width: 100%;
}

.js-location-selector input[type="text"]
{
	padding-left: 1rem;
	padding-right: 1rem;
}

.js-location-search
{
	/* padding-right: 20px; */
	display: inline-block;
}

.js-location-search .search-field-container
{
	position: relative;
	display: block;
}

.js-location-search .fa-search
{
	display: none;
	position: absolute;
	top: 1em;
	left: 2px;
	color: #aaaaaa;
	opacity: 0.5;
}

.open .js-location-search .fa-search
{
	display: inline;
}

.js-location-selector .js-location-value
{
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #aaaaaa;
	overflow: hidden;
	white-space: nowrap;
	cursor: pointer;
	font-weight: 400;
	background-color: #ffffff;
}

.js-location-list
{
	position: absolute;
	top: 100%;
	left: 0;
	display: none;
	overflow: scroll;
	max-height: 300px;
	margin-top: -1rem;
	padding-left: 0;
	border: 1px solid #aaaaaa;
	border-radius: 4px;
	background: #FDFDFD;
	z-index: 10000;
}

.js-location-selector.open .js-location-list
{
	display: block;
	margin-left: 0;
}

.cell.js-location-selector.open .js-location-list
{
	left: auto;
}

.js-location-selector.open .js-location-value
{
	display: none;
}

.js-location-list .reset-button
{
	padding: 5px;
}

.js-location-selector .js-location-list .reset-button .button
{
	color: #3A5795 !important;
	background: #ffffff;
}

.js-location-list ul
{
	padding: 0;
}

.js-location-list li
{
	list-style: none;
	padding: 0;
}

.js-location-list ul
{
	margin-left: 10px;
	border-left: 1px solid #dddddd;
}

.js-location-list li label
{
	position: relative;
	margin: 0;
	padding: 0 0 4px 5px;
}

.js-location-list ul li label::before
{
	content: '';
	position: absolute;
	width: 4px;
	top: 50%;
	left: 0;
	margin-top: -1px;
	border-top: 1px solid #dddddd;
}

.js-location-list ul li:last-child label::after
{
	content: '';
	position: absolute;
	width: 1px;
	top: 50%;
	left: -1px;
	height: 50%;
	border-left: 1px solid #ffffff;
}
/* END: Location selector */

/* Accordian Styles */
.accordion-title {
    background-color: rgba(240, 240, 240, 0.5);
}
/* END: Accordian Styles */

/* Datatable Styles */
td.details-control::before {
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f055";
	cursor: pointer;
}
tr.shown td.details-control::before {
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	content: "\f056";
	cursor: pointer;
}
tr.review-required
,tr.review-required td
{
	background-color: rgb(234, 235, 186);
}
tr.review-required.odd
,tr.review-required.odd td
{
	background-color: rgb(252, 253, 186);
}

tr td.changed
,tr:nth-child(even).highlight td
,tbody tr:nth-child(even).highlight
,tr:nth-child(even) td.highlight
,tbody tr:nth-child(even) td.highlight
{
	background-color: rgb(234, 235, 186);
}
tr.odd td.changed
,tr.highlight td
,tbody tr.highlight
,tr td.highlight
,tbody tr td.highlight
{
	background-color: rgb(252, 253, 186);
}


table.no-border
,table.no-border td
,table.no-border th
,table.no-border tr
,table.no-border tbody
,table.no-border tbody td
,table.no-border tbody th
,table.no-border tbody tr
,table.no-border thead
,table.no-border thead td
,table.no-border thead th
,table.no-border thead tr
{
	border: 0;
}

/* JS text length counter */
.text-counter-message
{
	margin-top: -1rem;
}

/* dropzone specific */
.dropzone 
{
	padding: 2.5em 1.0em 1.0em 1.0em;
}

.dropzone .dz-default.dz-message
{
	z-index: 0;
}

.dropzone .uploaded-files
{
	position: relative;
	z-index: 1;
}

.dropzone .dz-default.dz-message span
{
	display: inline;
}

.dropzone-group .btn-existing-file .btn-file-save-del .fas
{
	visibility: hidden;
}

.dropzone-group .btn-existing-file .btn-file-save-del.alert .fas
{
	visibility: visible;
}

.dropzone-group .btn-file-save-del input[type="checkbox"]
{
	display:none
}

.dropzone-group .btn-file-instant-del
{
	margin-right: 4px;
}

.dropzone-submit-spinner.show-spinner .dropzone-spinner
,.dropzone-submit-spinner.hide-spinner button
,.dropzone-submit-spinner.hide-spinner input
{
	display: inline-block;
}

.dropzone-submit-spinner.hide-spinner .dropzone-spinner
,.dropzone-submit-spinner.show-spinner button
,.dropzone-submit-spinner.show-spinner input
{
	display: none;
}

.js-simple-file-upload
{
	position: relative;
}

.js-simple-file-upload .js-file-input
{
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.js-simple-file-upload .file-upload-message
{
	display: block;
	border: 1px solid #cacaca;
	padding: 2em;
	text-align: center;
}

/* typeahead/autocomplete styles / overrides */
.twitter-typeahead
{
	display: inherit !important;
}

.twitter-typeahead .tt-menu
{
	width: 100%;
	border: 1px solid #aaaaaa;
	background-color: #ffffff;
}

.twitter-typeahead .tt-dataset
{
	max-height: 200px;
	overflow-y: auto;
}

.twitter-typeahead .tt-suggestion
{
	padding: 6px;
	font-size: 1rem;
	cursor: pointer;
}

.twitter-typeahead .tt-cursor
{
  color: #ffffff;
	background-color: #5897fb;
}

.twitter-typeahead .tt-hint
{
	background-color: transparent !important;
}

.twitter-typeahead input.tt-input:disabled
{
	background-color: #e6e6e6 !important;
}

.twitter-typeahead .tt-hint.is-invalid-input:not(:focus)
{
  background-color: #f9ecea !important;
}