/***
TABLE OF CONTENTS
    Site Base       Font, Font-Size, Colours
    Base Tags       H1-6, a, table, td, img, etc    
    Header          Banner, Site name, Logo, Main Menu
    Footer          Copyright, text links    
    Custom Tags     Custom div     

***/

/***
COLOR PALETTE
    #fff5ee - Seashell (background for main content)
    #ff8c00 - Dark Orange (main link color)
    #8a360f - Burnt Sienna (sidebar color)
    #c6e2ff - Sky Blue (heading text color)
    #1c86ee - Bright Blue (heading and footer background color)
    #0000cd - Royal Blue (heading link color)
***/


/*-----------------------------------------------------------------------------------------------*\
    Site Base
\*-----------------------------------------------------------------------------------------------*/

.btn-primary, .btn-primary:visited, .btn-primary.visited {
	color: #fff;
	background-color: #e86823;
	border-color: #e86823;
}

	.btn-primary:hover,
	.btn-primary:focus,
	.btn-primary.focus,
	.btn-primary:active,
	.btn-primary.active,
	.open > .dropdown-toggle.btn-primary {
		color: #fff;
		background-color: #001E5B;
		/*border-color: #f0d909;*/
	}

	.btn-primary:active,
	.btn-primary.active,
	.open > .dropdown-toggle.btn-primary {
		background-image: none;
	}

	.btn-primary .badge {
		color: #e86823;
		background-color: #fff;
	}

.AlertBadge {
	margin-left: 3px;
}

header {
	border-bottom: 1px solid #1a293e;
}

h1 {
	font-size: 160%;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 1rem;
}

h2 {
	font-size: 140%;
	font-weight: bold;
	color: #1A293E;
}

h3 {
	font-size: 120%;
	font-weight: bold;
}

	h3.LanguageHeader {
		margin-top: 3px;
		margin-bottom: 0px;
		padding-bottom: 0px;
		font-size: 100%;
		font-weight: 500;
	}

		h3.LanguageHeader .text-uppercase {
			margin-bottom: 0px;
			padding-bottom: 0px;
		}


h4 {
	font-size: 110%;
	font-weight: bold;
}

h5 {
	font-size: 100%;
	font-weight: bold;
}

h6 {
	font-size: 100%;
	font-weight: bold;
}

/* Custom CSS: ButtonHyperlink should be added to client Custom CSS for accessibility */
.ButtonHyperlink {
	/* color: #fff;*/
	color: #212529;
}

	.ButtonHyperlink:visited {
		/* color: #fff;*/
		color: #212529;
	}

a {
	color: #34519A;
	/* color: #1c4162;*/
}

	a:visited {
		/*color: #007bff*/
		color: #34519A;
	}

.GridViewStyle a, .dxgv a {
	color: #1c4162;
}


/*a.nav3 {
        color: #000;
        font-size: 110%;
        line-height: 11px;
        margin-top: 3px;
        margin-bottom: 0px;
        text-decoration: none;
    }

        a.nav3:hover {
            color: navy;
        }*/
/*a#prev {
        background: url(images/icon_arrow_left.png) 0 0 no-repeat;
    }

    a#next {
        background: url(images/icon_arrow_right.png) 0 0 no-repeat;
    }*/

table {
	/*border-spacing: 2px;*/
	width: 100%;
}

th {
	/*text-align: center;
    padding: 3px;*/
	background-color: #1A293E !important;
	color: white;
}

td {
	/*padding: 3px;*/
	vertical-align: top;
	min-height: 20px;
	/*font-size: 100%;*/
}

.HideBorder {
	border-color: #eaf2fd;
}

tr.TopLine {
	border-top: 1px solid silver;
}

.table.no-cellpadding td {
	padding: 0;
}


.ContactTable tr th {
	/*vertical-align: top;
    text-align: left;
    padding: 3px;
    background-color: white;
    color: black;*/
}

caption {
	caption-side: top;
	font-size: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #1A293E;
	text-align: center;
	font-weight: 500;
}

.dxgvTitlePanel, .dxgvTable caption {
	caption-side: top;
	font-size: 100%;
	padding-top: 0px;
	padding-bottom: 0px;
	color: #1A293E;
	text-align: center;
	font-weight: 500;
	border: none;
	background-color: #d9edf7;
}



input[type=checkbox] + label, input[type=radio] + label {
	/*color: #ccc;*/
	/*font-style: italic;*/
	font-weight: normal;
	padding-left: 2px;
	padding-right: 35px;
	display: inline;
}

input[type=checkbox]:checked + label, input[type=radio]:checked + label {
	font-style: normal;
}

.CBSmRightMargin {
	padding-right: 10px;
}


.ext_link:after {
	content: "\f08e";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	display: inline-block;
	text-decoration: none;
	padding-left: 3px;
}



/* -- Date/Time User Control ---------------------------------------------------------*/
.MyCalendar .ajax__calendar_container {
	background-color: #e2e2e2;
	border: solid 1px #cccccc;
	width: 180px;
}

.MyCalendar .ajax__calendar_header {
	background-color: #ffffff;
	margin-bottom: 4px;
}

.MyCalendar .ajax__calendar_title, .MyCalendar .ajax__calendar_next, .MyCalendar .ajax__calendar_prev {
	color: #004080;
	padding-top: 3px;
}

.MyCalendar .ajax__calendar_body {
	background-color: #e9e9e9;
	border: solid 1px #cccccc;
}

.MyCalendar .ajax__calendar_dayname {
	text-align: center;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 2px;
	width: 22px;
	padding: 1px;
}

.MyCalendar .ajax__calendar_day {
	text-align: center;
}

.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year, .MyCalendar .ajax__calendar_active {
	color: #004080;
	font-weight: bold;
	background-color: #ffffff;
}

.MyCalendar .ajax__calendar_active {
	font-weight: bold;
	background-color: yellow;
}

.MyCalendar .ajax__calendar_today {
	font-weight: bold;
}

.MyCalendar .ajax__calendar_other, .MyCalendar .ajax__calendar_hover .ajax__calendar_today, .MyCalendar .ajax__calendar_hover .ajax__calendar_title {
	color: #bbbbbb;
}


.MyCalendar_Appointment {
	display: flex;
}

.MyCalendar_AppointmentStart {
	font-size: 12px;
	display: block;
}

.MyCalendar_AppointmentEnd {
	display: block;
}







.bootstrap-timepicker-meridian {
	width: 35px;
}

.DateToSpacing {
	padding-left: 10px;
	padding-right: 10px;
	font-weight: bold;
}

.datepicker .disabled {
	color: white !important;
	background-color: #1A293E !important;
}


/* -- Modal ---------------------------------------------------------*/
.modal-header {
	padding: .5rem 1rem;
	background-color: #007bff;
	color: white;
}

	.modal-header h1 {
		padding-top: 0px;
		padding-bottom: 0px;
		margin-top: 0px;
		margin-bottom: 0px;
	}

.modal-title {
	color: white;
}

.modalBackground {
	background-color: silver; /* transparent; */
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.modalPopup {
	background-color: White;
	border-width: 3px;
	border-style: solid;
	border-color: black;
	padding-top: 10px;
	padding-left: 10px;
	/*width: 650px;
    height: 200px;*/
	margin-left: auto;
	margin-right: auto;
}

.modalClose {
	border-width: 0px;
	width: 2.0em;
	float: right;
	padding-right: 3px;
}






.AutoComplete {
	border-color: limegreen;
}

	.AutoComplete:focus {
		border-color: limegreen;
	}



/*-----------------------------------------------------------------------------------------------*\
    Base Tags
\*-----------------------------------------------------------------------------------------------*/
.body-content {
	padding-top: 20px;
	padding-left: 5px;
	padding-right: 5px
}

.SpacerHorizontal {
	margin-left: 30px;
}

.SpacerHorizontal-sm {
	margin-left: 10px;
}

.SpacerHorizontal-lg {
	margin-left: 50px;
}

.SpacerVertical {
	height: 30px;
}

.SpacerVertical-sm {
	height: 10px;
}

.SpacerVertical-lg {
	height: 50px;
}

.iButtonNarrow {
	padding: 1px 15px 1px 15px !important;
	margin-top: 0px;
	margin-right: 3px;
}



/*-----------------------------------------------------------------------------------------------*\
    DevExpress Tags
\*-----------------------------------------------------------------------------------------------*/
/* -- DevExpress GridView Control ---------------------------------------------------------*/
.dxgvHeader_Metropolis, .dxgvHeader, .dxgvHeader table {
	background-color: #1a293e;
	color: white;
	font-weight: bold;
}

.dxgvTable {
	overflow: visible;
}

.dxgvHeader td {
	white-space: normal;
}

.dxgvEditFormDisplayRow td.dxgv, .dxgvDetailCell td.dxgv, .dxgvDataRow td.dxgv, .dxgvDetailRow.dxgvADR td.dxgvAIC {
	overflow: visible;
}

.dxgv .dxAC {
	overflow: visible !important;
}

.dxgvControl, .dxgvDisabled {
	border: 1px Solid #c0c0c0;
	font-size: 16px;
	background-color: White;
	color: #333333;
	cursor: default;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: 1rem;
}

.dxgvDis
/* -- DevExpress Upload Control ---------------------------------------------------------*/
.dxfmControl .dxsplLCC {
	padding: 0px !important;
}


.dxsplHSeparator {
	min-height: 1px !important;
	padding: 1px !important;
}

.dxsplVSeparator, .dxsplHSeparator {
	min-height: 0px !important;
	padding: 0px !important;
}

.dxfmControl .dxsplPane, .dxsplCC, .dxsplP {
	padding: 0px !important;
	margin: 0px !important;
	border-spacing: 0px !important;
}

.dxucControl_Metropolis, .dxucEditArea_Metropolis, input[type='text'].dxucEditArea_Metropolis,
.dxucControl, .dxucEditArea, input[type='text'].dxucEditArea {
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
	font-size: 1.1em;
	line-height: 1.4285;
	color: #555;
	background-color: #fff;
	background-image: none;
	border-radius: 4px;
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

	.dxucControl_Metropolis .dxucBrowseButton_Metropolis a {
		color: #ffffff;
	}

.dxucBrowseButton_Metropolis {
	color: #ffffff;
	background-color: #1a293e;
	border-color: #ddd;
}

.dxisControl > .dxis-passePartout {
	background: #fff;
}

.dxisControl, .dxis-passePartout, .dxis-slidePanel, .dxisControl .dxis-imageArea {
	width: 100% !important;
	height: 100% !important;
	transform: none !important;
}
/*
	.dxisControl .dxis-slidePanel {
		display: flex;
	}
*/
img.dxis-overlayElement, .dxis-overlayElement > img {
	opacity: 1;
	width: auto;
	max-width: 100%;
	margin: auto;
	position: relative;
}

ctl00_MainContent_UploadControl, .dxuc-root .dxucControl_Metropolis {
	padding: 0px;
}

/* DevExpress Calendar */

element.style {
	cursor: pointer;
}

.dxeCalendarHeader_Metropolis span {
	padding: 0 16px;
	white-space: nowrap !important;
}

*, ::after, ::before {
	box-sizing: border-box;
}

Style Attribute {
	width: 100%;
	cursor: default;
}

.dxeCalendarHeader_Metropolis td.dxe {
	text-align: center;
	cursor: pointer;
}

Style Attribute {
	width: 100%;
	border-collapse: collapse;
}

table {
	border-collapse: collapse;
}

table {
	border-width: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

user agent stylesheet
table {
	border-collapse: separate;
	border-spacing: 2px;
}

.dxeCalendarHeader_Metropolis {
	background: #1a293e;
	color: White;
}

.dxscViewSelector_Metropolis .dxmLite_Metropolis .dxm-main .dxm-item.dxm-checked, .dxscViewSelectorButtonChecked_Metropolis {
	background: #1a293e;
	color: White;
}

.dxscTodayCellHeader_Metropolis {
	background: #1a293e;
	color: White;
}

.dxscViewVisibleInterval_Metropolis {
	font-size: 1.5em;
	color: #1a293e;
}

.dxeCalendarDay_Metropolis.dxeCalendarSelected_Metropolis, .dxscAlternateTimelineDateHeader_Metropolis, .dxscAlternateDateHeader_Metropolis {
	background: #1a293e;
	color: White;
}

#ctl00_MainContent_dxScheduler_viewNavigatorBlock_innerContent {
	padding-top: 7px;
}

.dxscSel {
	background-color: Highlight !important;
}

/*.dxm-item dxm-noSubMenu*/
.dxm-hovered {
	background: #1a293e !important;
	color: White !important;
}
/*-----------------------------------------------------------------------------------------------*\
    Bootstrap Tags
\*-----------------------------------------------------------------------------------------------*/
.form-group {
	margin-bottom: 0.5rem;
}

	.form-group .col-lg-2 {
		/*display: flex;*/ /* Keep Required Field indicator on same line*/
		/* Dynamic styling takes place in masterpageBottom.js */
	}

	.form-group .col-lg-4, .form-group .col-lg-auto, .form-group .col-lg-3 {
		display: flex;
		align-items: baseline;
	}

		.form-group .col-lg-4 > *, .form-group .col-lg-auto > *, .form-group .col-lg-3 > * {
			margin-right: 5px;
		}

.form-control {
	/* width: auto;*/
	padding: 1px 3px;
	height: calc(1.5em + 4px + 0rem) /*28px;*/
	/*display: inline-block;    
    font-size: 100%;*/
}

.Matrix .col-lg-4, .Matrix .col-lg-auto, .Matrix .col-lg-3 {
	display: block;
}

.form-control-auto {
	width: auto;
	/*padding: 3px 3px;
    height: 26px;
    display: inline-block;    
    font-size: 100%;*/
}

.GroupCurrency {
	width: 140px;
}


.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto {
	padding-left: 3px;
	padding-right: 3px;
}


.list-group {
	margin-bottom: 0px;
}

.list-group-item {
	padding: 2px 5px;
	border: 0px solid #ddd;
}


/* Breadcrumb Menu */
.ParentBreadCrumb {
	float: right;
	width: auto;
}

.breadcrumb {
	padding: 5px 15px 5px 15px;
	margin-bottom: 5px;
}

	.breadcrumb > .active {
		color: #333;
	}

.breadcrumb-item a {
	color: #34519A;
}



fieldset {
	border: solid 1px #DDD !important;
	padding: 0 10px 10px 10px;
	border-bottom: none;
}

legend {
	width: auto !important;
	border: none;
	font-size: 1em;
}

.LovCheckBoxList {
	display: inline-flex !important;
	padding-left: 10px;
	padding-right: 10px;
	width: 100%;
}

	.LovCheckBoxList li > span {
		display: flex;
		align-items: baseline;
	}

/*-----------------------------------------------------------------------------------------------*\
    Header
\*-----------------------------------------------------------------------------------------------*/
.HeaderRow {
	background-color: #eee;
	min-height: 24px;
	margin: 0
}

.HeaderNav {
	padding: 2px;
	min-width: 175px;
}

	.HeaderNav > li > a {
		padding: 3px 7px 3px 7px;
		line-height: 1em;
		/*font-size: 90%;*/
		color: #1A293E !important;
	}

		.HeaderNav > li > a:hover {
			color: #A30000 !important;
			text-decoration: none;
		}


.BannerNav {
	padding: 2px;
}

	.BannerNav > li > a {
		padding: 3px 7px 3px 7px;
		line-height: 1em;
		/*font-size: 90%;*/
		color: #1A293E !important;
		vertical-align: top;
	}

		.BannerNav > li > a:hover {
			color: #A30000 !important;
			text-decoration: none;
		}


.CaseNav {
	padding: 2px;
}

	.CaseNav > li > a {
		padding: 2px 7px 2px 7px;
		line-height: 1em;
		font-size: 90%;
		text-decoration: none;
	}


.CasePopUpNav {
	display: inline-flex;
	min-width: 120px;
	width: max-content;
}

	.CasePopUpNav > li {
	}

		.CasePopUpNav > li > a {
			padding: 0px 0px 0px 0px;
			line-height: 1em;
			/*font-size: .9em;*/
			white-space: normal;
			background-color: transparent !important;
			text-decoration: none;
		}

.CaseMenuCaseTypeName {
	font-weight: bold;
	background-color: #C0C0C0;
	padding-left: 10px !important;
}


.ClientNav > li > a {
	padding: 2px 7px 2px 7px;
	line-height: 1.4em;
	font-size: 90%;
}

.FooterNav {
	padding: 0px;
}

	.FooterNav > li > a {
		padding: 3px 7px 3px 7px;
		line-height: 1em;
		/*font-size: 90%;*/
		color: #1A293E !important;
	}

		.FooterNav > li > a:hover {
			color: #A30000 !important;
			background-color: transparent !important;
			text-decoration: none;
		}


.pFooter {
	border-top: solid 1px black;
	margin-top: 30px;
	color: #003366
}



.SessionTimer {
	display: none;
	color: darkgreen;
	width: 100%;
	text-align: center;
}


#pSessionTimerTimeOut {
	display: none;
	padding: 20px;
	text-align: center;
	background-color: yellow;
	border: solid 1px #c3c3c3;
	font-size: 200%;
	color: #A30000;
	/*margin-top:20px;*/
	/* padding-left: 24px;*/
	padding-bottom: 50px;
}

	#pSessionTimerTimeOut img {
		height: 30px;
	}




.SiteName {
	width: 400px;
	font-size: 160%;
	color: darkslateblue;
}

.SolutionName {
	width: 400px;
	font-size: 140%;
	color: darkslateblue;
}

.BannerImage {
	padding: 5px;
}


.BannerFileInfoPanel {
	text-align: right;
	min-width: 100px;
}

.BannerFileInfoPanelText {
	color: #FCF8E3;
}

.BannerClientLabel {
	font-weight: bold;
	color: #FCF8E3;
}

a.BannerClientValue {
	color: #FCF8E3;
	padding-right: 5px;
}

	a.BannerClientValue:hover {
		color: yellow;
		text-decoration: none;
	}

.BannerCaseValue {
	color: yellow !important;
	padding-right: 5px;
	white-space: nowrap;
}

a.BannerCaseValue:hover {
	color: red;
	text-decoration: none;
}

.BannerAlsoViewedBy {
	color: yellow;
	font-weight: bold;
	padding-right: 5px;
}

.BannerCheckedOutBy {
	color: yellow;
	font-weight: bold;
	padding-right: 5px;
}

.CaseBannerFlags {
	display: inline-flex;
}


.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 120px;
	font-size: 100%;
	text-align: left;
	list-style: none;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #1A293E;
	padding-top: 0px;
}

	.dropdown-menu .divider {
		height: 1px;
		margin: 5px 0;
		overflow: hidden;
		background-color: #1A293E; /*#e86823;*/
	}

	.dropdown-menu > li > a {
		display: block;
		padding: 3px 10px;
		clear: both;
		font-weight: 400;
		line-height: 1.4285;
		color: #333;
		white-space: nowrap;
		text-decoration: none;
	}

		.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
			color: #fff;
			background-color: #1A293E;
		}

.dropdown-header {
	font-size: 100%;
	color: black;
	font-weight: bold;
	padding: 3px;
}


/*-----------------------------------------------------------------------------------------------*\
    Footer
\*-----------------------------------------------------------------------------------------------*/




/*-----------------------------------------------------------------------------------------------*\
    Reports
\*-----------------------------------------------------------------------------------------------*/
.ReportPosNegNumber {
}

.ReportPositiveNumber {
	/* color: green !important;*/
}

.ReportNegativeNumber {
	color: red !important;
}


/*-----------------------------------------------------------------------------------------------*\
    Custom Tags
\*-----------------------------------------------------------------------------------------------*/
.AreaLabel, .AreaLabel label {
	font-weight: bold !important;
}



/* -- textarea ---------------------------------------------------------*/
textarea {
	width: 100%;
	min-width: 100%;
	min-height: 100px;
	/*max-height: 100%; If on, autosize does not work */
}

.textareaMax {
	max-width: 100%;
	width: 100%;
}

.TextAreaCounter {
	text-align: right;
	font-size: 90%;
	color: #525252;
}

.print-helper {
	display: none;
}


.alert {
	padding: 10px 40px 10px 10px;
	margin-top: 10px;
	margin-left: 0px;
	margin-right: 0px;
	display: inline-block;
	width: 100%;
}

	.alert h2 {
		margin-top: 0px;
	}

.alert-dismissible .close {
	padding: .5rem 1.25rem;
	margin-right: 0px;
}

.alertLogin {
	margin-top: 0px;
}


.alert-danger {
	color: #3E1918;
}

.alert-info {
	color: #1C4162;
}



.close {
	margin-right: 20px;
}

.RequiredFieldSymbol {
	color: #A30000;
	/*background-color: white;*/
}

.RequiredFieldSymbolSubmit {
	color: #013220;
	/*background-color: white;*/
}

.ErrorText {
	color: darkred;
}

.validationSummary {
	color: darkred;
}

	.validationSummary a {
		color: darkred;
	}

.failureNotification {
	background-image: url('/Images/icon_alert_red.png');
	background-position: left;
	background-repeat: no-repeat;
	background-size: 20px;
	padding-left: 24px;
	color: darkred !important;
}


.OverMaxLength {
	background-color: #fcf8e3;
	/*border-color: #843534 !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483 !important;
    box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 6px #ce8483 !important;*/
	border-color: #66512c !important;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #c0a16b !important;
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 6px #c0a16b !important;
}


.highlight {
	background-color: yellow;
}

/*.AddNewRecord {
    background-image: url('/Images/icon_new.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 17px;
}

.AddNewRecordHeader {
    background-image: url('/Images/icon_new.png');
    background-position: left;
    background-repeat: no-repeat;
    background-size: 16px;
    padding-left: 17px;
}*/



/* -- Dynamic Forms ---------------------------------------------------------*/
.DFOriginalHide {
	display: none;
}

.DFhide {
	display: none;
}

.DFshow {
	background-color: lightcyan;
	display: block;
}

div.DFQuestion {
	border: solid 1px transparent;
	padding: 10px 5px;
	margin-left: -5px;
	margin-right: -5px;
}

	div.DFQuestion:hover {
		background-color: #ddd9d9;
		border: 1px solid black;
	}

	div.DFQuestion label {
		margin: 0;
	}



/* -- badges ---------------------------------------------------------*/
.PanelHeaderBadge {
	width: auto;
	float: right;
	padding-right: 5px;
	padding-top: 2px;
}

	.PanelHeaderBadge .badge {
		font-size: 90%;
		color: white;
		background-color: #333;
	}

.PanelHeaderBadgeDefault {
	width: 80px;
	float: right;
	padding-right: 40px;
	padding-top: 2px;
}

	.PanelHeaderBadgeDefault .badge {
		font-size: 90%;
		margin-left: 2px
	}

/*.TabHeaderBadge {
    width: 25px;
    float: right;
    padding-right: 40px;
    padding-top: 2px;
}*/

.TabHeaderBadge {
	font-size: 80%;
	/*color: white;
        background-color: #333;*/
}

.badge-success {
	background-color: #157846;
}


/* -- Card Accrodion Panel ---------------------------------------------------------*/
.card-header {
	background-color: silver;
	padding: 5px 15px;
	min-height: 38px;
}

	.card-header a {
		color: black;
	}

.card-title {
	font-weight: bold;
	font-size: 120%;
	margin-bottom: 0px;
}

/* Accordion Container */
.containerAccordion {
	margin-bottom: 20px;
}

	.containerAccordion .AccordionHeader, .containerAccordion .AccordionHeaderNoCollapse {
		cursor: pointer;
	}

	.containerAccordion .contentAccordion {
		padding: 10px;
	}

	.containerAccordion .contentAccordionHide {
		display: none;
		padding: 10px;
	}

.contentNonAccordion {
}

.AccordionHeaderSubPanel {
	background-color: #d1ecf1;
}

.AccordionHeaderContact {
	background-color: #d1ecf1;
}

/* Custom Style based on Contact Type in Custom CSS .AccordionHeaderContact contact-110683 {} */


.AccordionHeaderEdit {
	cursor: pointer;
	font-weight: bold;
	background-color: silver;
	padding: 10px 15px;
}

.MenuPanel {
	margin-bottom: 20px;
}

	.MenuPanel .card-body {
		min-height: 180px;
	}

		.MenuPanel .card-body .media-left img {
			width: 70px;
		}





/* -- Image Slider ---------------------------------------------------------*/
#carousel {
	width: 155px;
	margin: 0 auto;
}

#slides {
	overflow: hidden; /* fix ie overflow issue */
	position: relative;
	width: 150px;
	height: 150px;
}

	/* remove the list styles, width : item width * total items */
	#slides ul {
		position: relative;
		left: 0;
		top: 0;
		list-style: none;
		margin: 0;
		padding: 0;
		width: 750px;
	}

	/* width of the item, in this case I put 250x250x gif */
	#slides li {
		width: 150px;
		height: 150px;
		float: left;
	}



/* -- CheckBox Lists ---------------------------------------------------------*/
.radio.radiobuttonlist input[type="radio"], .checkbox.checkboxlist input[type="checkbox"] {
	position: absolute;
	margin-top: 0.3rem;
	margin-left: -1.25rem;
}

.radio.radiobuttonlist label, .checkbox.checkboxlist label {
	margin-bottom: 0;
	display: inline-block;
}

.chkBoxList {
	width: 100%;
}

.MatrixHeader {
	color: white;
	background-color: #1a293e;
	display: block;
	margin-top: 10px;
	padding: 3px 5px;
	font-weight: 600;
}

.MatrixDetails {
}


.Matrix {
	table-layout: fixed;
}

	.Matrix th {
		color: white;
		background-color: #1a293e;
	}

	.Matrix tr {
		vertical-align: top;
	}

	.Matrix td input[type='radio'], input[type='checkbox'] {
		/*float:left;*/
	}

.MatrixCB {
	/* display: flex; */
	width: 100%;
	min-width: 100%;
	align-items: center;
	/*padding-bottom: 0px;*/
}

	.MatrixCB label {
		margin-left: 5px;
		margin-bottom: 0;
	}


	.MatrixCB input[type='radio'], .MatrixCB input[type='checkbox'] {
		/*margin: 3px 2px 2px;
        vertical-align: top;*/
	}

	.MatrixCB input[type=checkbox] + label, input[type=radio] + label {
		/*font-style: italic;
        font-weight: normal;
        padding-right: 35px;
        display: inline;
        margin: 0;*/
	}

.MatrixLabel {
	font-weight: bold;
	margin: 10px 0;
	display: block;
	padding-left: 2px;
	background-color: cornsilk;
}


.SearchKnowledgeBaseContainer {
	border: thin solid #000000;
	background-color: #eaf2fd;
	padding: 10px;
	width: 260px;
}



/* -- Tabs - Case Summary ---------------------------------------------------------*/
.nav-tabs {
	border-bottom: 2px solid #1a293e;
}

	.nav-tabs .nav-item {
		margin-right: 2px;
	}

	.nav-tabs .nav-link {
		padding: 10px;
	}

#DefaultEventTabs li a {
	color: black;
	background-color: #ffc107;
	padding: .5rem .5rem;
}

	#DefaultEventTabs li a:hover {
		color: white;
		background-color: #1a293e;
	}

	#DefaultEventTabs li a.active {
		color: white;
		background-color: #1a293e;
	}

h3.tab-header {
	font-size: 100%;
	font-weight: normal;
}

#CaseSummaryTabs li a {
	color: black;
	background-color: #ffc107;
}

	#CaseSummaryTabs li a:hover {
		color: white;
		background-color: #1a293e;
	}

#CaseSummaryTabs li.active a {
	color: white;
	background-color: #1a293e;
}

#InevestigationTabs li a {
	color: black;
	background-color: #ffc107;
}

	#InevestigationTabs li a:hover {
		color: white;
		background-color: #1a293e;
	}

#InevestigationTabs li.active a {
	color: white;
	background-color: #1a293e;
}


#ClientSummaryTabs li a {
	color: black;
	background-color: #ffc107;
	padding: 5px 3px;
	font-weight: bold;
}

	#ClientSummaryTabs li a:hover {
		color: white;
		background-color: #1a293e;
	}

#ClientSummaryTabs li.active a {
	color: white;
	background-color: #1a293e;
}


#MyCalendarTabs li a {
	color: black;
	background-color: #ffc107;
}

	#MyCalendarTabs li a:hover {
		color: white;
		background-color: #1a293e;
	}

#MyCalendarTabs li.active a {
	color: white;
	background-color: #1a293e;
}



/* -- icons ---------------------------------------------------------*/
.iconImage, .iconImage img {
	height: 18px;
	vertical-align: middle;
	padding-left: 2px;
}

.iconImageSmall, .iconImageSmall img {
	height: 16px;
}

.iconImageLarge, .iconImageLarge img {
	height: 24px;
}

.iconImageBanner, .iconImageBanner img {
	height: 22px;
	margin: 3px 2px;
}


.iconImageBannerExtendSession {
	height: 19px;
	vertical-align: top;
	padding-top: 1px;
	/*margin-top: 2px;*/
}

	.iconImageBannerExtendSession img {
		border-width: 0px;
		height: 22px;
	}

.iconImageBannerHelp {
}

	.iconImageBannerHelp img {
		border-width: 0px;
		height: 19px;
		vertical-align: top;
		padding-top: 1px;
		margin-top: 2px;
	}

.iconImageSmall img {
	height: 18px;
	vertical-align: top;
	margin-top: 3px;
}

.iconImageFooter, .iconImageFooter img {
	height: 16px;
	padding-left: 3px;
	vertical-align: top;
	padding-top: 2px;
}

.iconImageGV, .iconImageGV img {
	height: 16px;
	padding-left: 3px;
	vertical-align: top;
}

.iconImageHL img {
	height: 16px;
	padding-left: 3px;
	vertical-align: top;
}

.iconImageAddNew {
	vertical-align: middle;
	padding-left: 3px;
}


.iconImageInline, .iconImageInline img {
	height: 18px;
	margin-bottom: 5px;
}

.iconImageHelp, .iconImageHelp img {
	height: 20px;
	/*padding-top: 3px;*/
	padding-left: 3px;
	vertical-align: top;
}

.iconImageUserSearch {
	height: 20px;
	padding-top: 2px;
	padding-left: 3px;
	vertical-align: middle;
	margin-top: 2px;
}



.iconImageTimeOut, iconImageTimeOut img {
	height: 80px;
	padding-right: 10px;
	display: none;
}

.icon, .icon img {
	border-width: 0px;
	height: 20px;
	vertical-align: top;
	line-height: 20px;
	padding: 2px;
}

.iconLogin {
	border-width: 0px;
	height: 20px;
	padding-right: 7px;
	margin: 1px;
}

.MenuIcon {
	float: right;
	width: 50px;
}

	.MenuIcon img {
		border-width: 0px;
		height: 25px;
	}

.iconCaseMenu {
	height: 16px;
	padding-left: 0px;
	vertical-align: top;
}

.iconCardOpenClose {
	height: 16px;
	padding-left: 0px;
	vertical-align: top;
}


.iconManageLOV span {
	color: darkgray;
}




/* -- Flag Icons ---------------------------------------------------------*/
a.Flag {
	text-decoration: none;
}

.iconFlag {
	padding-bottom: 0px;
	margin-bottom: 0px;
	vertical-align: text-bottom;
	font-size: 120%;
	line-height: 1.2em;
	border: 0px;
}

.Flag-TattooMarking {
	color: #9600ff;
}

.Flag-SpecialInstructions {
	color: #FFFF00;
}

.Flag-Accommodations {
	color: #36D900;
}

.Flag-Complaint {
	color: #0000FF;
}

.Flag-ConflictExternal {
	color: #FF7F00;
}

.Flag-ConflictInternal {
	color: #FF7F00;
}

.Flag-InterviewPending {
	color: #FF00FF;
}

.Flag-InterviewBooked {
	color: #7F00FF;
}

.Flag-CaseArchived {
	color: #000000;
}

.Flag-LinkedCases {
	color: #00FFFF;
}

.Flag-Important {
	color: #FF0000;
}

.Flag-PreferredPronoun {
	color: #f87b05;
}

.Flag-SecurityQuestion {
	color: #666666;
}

.Flag-AboriginalRequest {
	color: #008000;
}

.Flag-AboriginalCaller {
	color: #008000;
}

.Flag-LanguageFrench {
	color: #9999ff;
}

.Flag-ClientValidationFail {
	color: #FF0000;
}

.Flag-ClientValidationSucceed {
	color: #008000;
}

.Flag-Descendant {
	color: #008000;
}



/* -- Return to Top Icon ---------------------------------------------------------*/
#scroll {
	position: fixed;
	right: 10px;
	bottom: 20px;
	cursor: pointer;
	width: 30px;
	height: 50px;
	background-color: #1a293e;
	text-indent: -9999px;
	display: none;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	border-radius: 60px
}

	#scroll span {
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -8px;
		margin-top: -12px;
		height: 0;
		width: 0;
		border: 8px solid transparent;
		border-bottom-color: #ffffff;
	}

	#scroll:hover {
		background-color: darkred;
		opacity: 1;
		filter: "alpha(opacity=100)";
		-ms-filter: "alpha";
	}



/* -- Signature Pad  ---------------------------------------------------------*/
.signature-pad {
	/*width: 400px;
    height: 150px;*/
	background-color: #fff;
	position: relative;
	width: 100%;
	height: 200px;
	display: flex;
	flex-direction: column;
	font-size: 10px;
}

.signature-pad--body {
	position: relative;
	flex: 1;
	width: 100%;
	height: 150px;
}

	.signature-pad--body canvas {
		border-radius: 4px;
		box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
		border: 2px solid #C0C0C0;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 150px;
	}

.signature-image {
	border-radius: 4px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
	border: 2px solid #C0C0C0;
	width: 400px;
	height: 150px;
}

/*.signature-pad {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 10px;
    width: 100%;
    height: 100%;
    max-width: 700px;
    max-height: 460px;
    border: 1px solid #e8e8e8;
    background-color: #fff;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.27), 0 0 40px rgba(0, 0, 0, 0.08) inset;
    border-radius: 4px;
    padding: 16px;
}



    .signature-pad::before,
    .signature-pad::after {
        position: absolute;
        z-index: -1;
        content: "";
        width: 40%;
        height: 10px;
        bottom: 10px;
        background: transparent;
        box-shadow: 0 8px 12px rgba(0, 0, 0, 0.4);
    }



    .signature-pad::before {
        left: 20px;
        -webkit-transform: skew(-3deg) rotate(-3deg);
        transform: skew(-3deg) rotate(-3deg);
    }



    .signature-pad::after {
        right: 20px;
        -webkit-transform: skew(3deg) rotate(3deg);
        transform: skew(3deg) rotate(3deg);
    }



.signature-pad--body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: 1px solid #f4f4f4;
}



    .signature-pad--body

    canvas {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        border-radius: 4px;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
    }



.signature-pad--footer {
    color: #C3C3C3;
    text-align: center;
    font-size: 1.2em;
    margin-top: 8px;
}



.signature-pad--actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px;
}*/



/* -- Jira Support Widget  ---------------------------------------------------------*/
iframe[name='JSD widget'] {
	right: 35px;
	bottom: 0px;
	/*margin-bottom: 100px;*/
	/* Left Side*/
	/*display: block;
    left: 0;
    bottom: 10px;*/
}


/* -- Permissions Page  ---------------------------------------------------------*/
.PermissionsHeader {
	font-weight: bold;
	font-size: 8pt;
}

.PermissionsHeaderLink {
	text-decoration: none;
}


.PermissionsSubHeader {
	text-decoration: none;
	font-weight: bold;
}

.PermissionsPageHeader {
	background-color: silver !important;
}

.PermissionsRowLink {
	text-decoration: none;
}

.PermissionsHeaderLink, .PermissionsRowLink {
	cursor: pointer;
	color: white;
}




/* -- GridView  ---------------------------------------------------------*/
.GridViewStyle, .dxgvTable {
	border-collapse: separate !important;
	border-spacing: 2px;
	table-layout: auto;
	/*width: 100%;*/
	border: none;
}

.fixLayout, .fixLayout table {
	table-layout: fixed;
}

.GridViewPagerRow {
	padding: 0px;
}

.GridViewPager {
	border: 0px solid #0275d8 !important;
	background-color: #5bc0de;
}

	.GridViewPager a {
		padding-left: 5px;
		padding-right: 5px;
	}

	.GridViewPager td {
		width: 33%;
	}

.GridViewStyle th, .TableHeader span {
	border: none;
	background-color: #1a293e !important;
	color: #fff;
	font-weight: bold;
	/*margin: 3px 10px;
    padding-left: 8px;
    padding-right: 8px;*/
	padding: 3px;
	margin: 3px;
}

	.GridViewStyle th a {
		border: none;
		background-color: #1a293e;
		color: #fff;
		font-weight: bold;
		margin: 3px 0px;
	}

.GridViewStyle td, .dxgvEditFormDisplayRow td.dxgv, .dxgvDetailCell td.dxgv, .dxgvDataRow td.dxgv, .dxgvDetailRow.dxgvADR td.dxgvAIC {
	border: none;
	background-color: #d9edf7; /* #d1ecf1;  #d9edf7;  #eaf2fd; */
	color: #000;
	/*margin: 3px 10px;
    padding-left: 8px;
    padding-right: 8px;*/
	padding: 3px;
	margin: 3px;
}

.GridViewMultiline {
	border-collapse: collapse;
}

.GridViewSubTableParentRow {
	background-color: white !important;
}

.GridViewSubTable th {
	/*background-color: white !important;*/
}

.GridViewSubTable td {
	background-color: white !important;
}

.GridViewPagerIcon {
	border: none;
	height: 10px;
}

.dxgvEditFormDisplayRow td.dxgv, .dxgvDetailCell td.dxgv, .dxgvDataRow td.dxgv, .dxgvDetailRow.dxgvADR td.dxgvAIC {
	border: solid 1px #fff;
}

.GridViewStyleEmptyData, .GridViewStyleEmptyData td {
	background-color: white !important;
	border: none !important;
}

.TableHeader, .TableHeader > span {
	border: none;
	background-color: #1a293e !important;
	color: #fff;
	font-weight: bold;
	/*margin: 3px 10px;
    padding-left: 8px;
    padding-right: 8px;*/
	padding: 1px;
	margin: 1px;
}

.GridViewSubRow th {
	color: black;
	background-color: #f5f5f5 !important;
}

.GridViewSubRow td {
	background-color: #f5f5f5 !important;
}

tr.GridViewSubRowLastRow th {
	border-bottom: 1px solid black;
}

tr.GridViewSubRowLastRow td {
	border-bottom: 1px solid black;
}

tr.GridViewSubRowLastRowIgnore th {
	border-bottom: 0px solid black !important;
}

tr.GridViewSubRowLastRowIgnore td {
	border-bottom: 0px solid black !important;
}


/* GridView Columns */

.recentCase .GVColumnCaseNumber {
	width: auto;
}

.GVColumnCaseNumber {
	width: 130px;
	text-align: center;
}

.GVColumnFullName {
	text-align: center;
}

.GVColumnNoWrap {
	white-space: nowrap;
}

.GVColumnTextLov {
	text-align: center;
}

.GVColumnNumber {
	text-align: center;
}

.GVColumnCurrency {
	text-align: right;
}

/* Use for centered elements that are not text lov - e.g. Select All */
.GVColumnCenter {
	text-align: center;
}

.GVColumnManage {
	text-align: center;
	width: 80px;
}

.GVColumnManageIcons, .GVColumnManageIcons img {
	text-align: center;
	padding-bottom: 0;
	height: 16px;
	padding-left: 0px;
	vertical-align: top;
}

.GVColumnDateShort {
	text-align: center;
	width: 120px;
}

.GVColumnDateLong {
	text-align: center;
	width: 180px;
}

.GVColumnDateRange {
	text-align: center;
	width: 275px;
}

.GVColumnBoolean {
	text-align: center;
	width: 120px;
}

.GVColumnTextLong {
	text-align: left;
	width: 400px;
}

.GVColumnTextShort {
	text-align: left;
	width: 200px;
}

/* First Column - Override above class alignments */
.GVColumnID {
	text-align: left;
	white-space: nowrap;
}

/* Placed on button div where CRUD+ and other functions */
.ButtonSpacer {
	display: flex;
	justify-content: space-between;
}

/* Use with buttons that are inline with an input control. Makes them the same height. */
.ButtonNarrow input /*, button*/ {
	padding: 1px 15px 1px 15px !important;
	/*margin-top: 0px;*/
	/*margin-right: 3px;*/
	/*margin-bottom: 5px;*/
}

/* Use with buttons that are inline vertically to make them the same width. */
.ButtonWidth input {
	display: flex;
	justify-content: space-around;
	width: 100%;
	/*width: 80%;*/
}

/* TODO: Should we use this? https://stackoverflow.com/questions/20804016/editing-input-type-search-pseudo-element-button-x */
input[type="search"] {
	/*border: 1px solid gray;
    padding: .2em .4em;
    border-radius: .2em;*/
}

	/* WILL NOT WORK IN FIREFOX */
	input[type="search"]::-webkit-search-cancel-button {
		-webkit-appearance: none;
		height: 1em;
		width: 1em;
		border-radius: 50em;
		background: url(https://pro.fontawesome.com/releases/v5.10.0/svgs/solid/times-circle.svg) no-repeat 50% 50%;
		background-size: contain;
		opacity: 0;
		pointer-events: none;
	}

	input[type="search"]:focus::-webkit-search-cancel-button {
		opacity: .3;
		pointer-events: all;
	}

	input[type="search"].dark::-webkit-search-cancel-button {
		filter: invert(1);
	}

.ButtonHyperlink button:visited {
	color: #fff;
}

.ConflictYes {
	/*text-decoration: underline;*/
	/*color: red !important;*/
	font-weight: bold;
}


.GVPanelIcons {
	text-align: right;
}

.GVPanelIconsImg {
	vertical-align: middle;
}

.CBLExtraPadding {
	padding-bottom: 5px;
}

	.CBLExtraPadding input[type="radio"] {
		margin: 8px 0 12px 0;
	}

.CBLExtraPadding2 {
	padding-bottom: 5px;
}

	.CBLExtraPadding2 input[type="radio"] {
		margin: 8px 0 36px 0;
	}

.RecurrenceItemsMargin {
	margin-top: 5px;
	margin-bottom: 5px;
}


/* Docket */
.DocketNotes {
	display: none;
	border-bottom: 2px solid #A9A9A9;
	padding: 0px 10px;
}


/* The sidebar menu */
.sidenav {
	height: 100%; /* Full-height: remove this if you want "auto" height */
	width: 160px; /* Set the width of the sidebar */
	position: fixed; /* Fixed Sidebar (stay in place on scroll) */
	z-index: 1; /* Stay on top */
	top: 0; /* Stay at the top */
	left: 0;
	background-color: #111; /* Black */
	overflow-x: hidden; /* Disable horizontal scroll */
	padding-top: 20px;
}
/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
	.sidenav {
		padding-top: 15px;
	}

		.sidenav a {
			font-size: 18px;
		}
}



.sticky {
	position: fixed;
	top: 0;
	width: 200px;
}

	.sticky + .content {
		padding-top: 40px;
	}

@media screen and (max-width: 1200px) {
	.sticky {
		display: none;
	}
}

.header {
	display: flex;
}

	.header div:last-child {
		margin-left: auto;
	}

.linkButton {
	height: 40px;
	display: flex;
	align-items: center;
	padding: 0 20px;
	border: solid 2px #41a69a;
	border-radius: 10px;
	font-size: 16px;
	text-decoration: none;
	background: #fff;
	color: #41a69a;
	white-space: nowrap;
	text-decoration: none;
}

	.linkButton i {
		margin-right: 4px;
	}

	.linkButton:hover {
		background: #41a69a;
		color: #fff;
		text-decoration: none;
	}

.inline-row {
	display: flex;
	align-items: center;
}

	.inline-row * {
		margin-right: 10px;
	}

.wrapper {
	position: absolute;
	left: calc((100% - 1170px) / 2);
	width: 1170px;
	height: 500px;
	overflow: auto;
}

.table-scroll thead th {
	position: sticky;
	top: 0;
	/*	height: 80px;*/
	/*	background: #fff !important;*/
	/*	color: #000;*/
}

.table-scroll tbody th {
	position: sticky;
	left: 0;
	/*	background: #fff !important;*/
	color: #000;
	border-right: solid 1px #ccc;
}

.CaseTable {
	min-height: 500px;
}

	.CaseTable tr {
		max-height: 0 !important;
	}


/* Toasts and User Alerts */

#divAlert .alert {
	margin: 0;
	padding: 0;
}

.toast {
	opacity: 1;
}

.toast-header .close {
	margin-left: auto;
	margin-right: 0;
	border-width: 0px;
}

.toast-header .close {
	margin-left: auto;
	margin-right: 0;
}

.ToastAlert:not(:last-child) {
	margin-bottom: 2px;
}

.ToastAlert:last-child {
	margin-bottom: 0px;
}



/* Dashboard Panel */

.DashboardPanel {
	padding: 10px;
}

.checkboxColumn {
	align-items: center;
}

	.checkboxColumn label {
		margin: 0;
	}

.inline-row .form-control {
	display: inline;
	width: auto;
}

.fr-CA {
	display: none;
}

.timeslot {
	display: inline-flex;
}


/* Events */

.Event_ToDo {
	margin: 2px;
	margin-bottom: 0px;
	color: #fff;
	background: darkred;
}

	.Event_ToDo a {
		background: darkred;
		padding: 5px;
		display: block;
		color: #fff;
		width: 100%;
	}

.Event_InterviewRequest {
	margin: 2px;
	margin-bottom: 0px;
}

	.Event_InterviewRequest a {
		background: darkorange;
		padding: 5px;
		display: block;
		color: #fff;
		width: 100%;
	}

.Event_Request {
	margin: 2px;
	margin-bottom: 0px;
}

	.Event_Request a {
		background: darkorange;
		padding: 5px;
		display: block;
		color: #fff;
		width: 100%;
	}

.Event_Alert {
	margin: 2px;
	margin-bottom: 0px;
}

	.Event_Alert a {
		width: 100%;
		display: block;
	}

.Event_Event {
	margin: 2px;
	margin-bottom: 0px;
	background: darkslateblue;
	border-left: 1px solid #808080;
	border-right: 1px solid #808080;
}

	.Event_Event a {
		background: darkslateblue;
		padding: 5px;
		display: block;
		color: #fff;
		width: 100%;
	}

.Event_Tickle {
	margin: 2px;
	margin-bottom: 0px;
}

	.Event_Tickle a {
		background: yellow;
		padding: 5px;
		display: block;
		color: #fff;
		width: 100%;
	}

.Event_NextSteps {
	margin: 2px;
	margin-bottom: 0px;
	color: #fff;
	background: darkgreen;
}

	.Event_NextSteps a {
		background: darkgreen;
		padding: 5px;
		display: block;
		color: #fff;
		width: 100%;
	}

.Event_MyAvailability {
	margin: 2px;
	margin-bottom: 0px;
}

	.Event_MyAvailability a {
		background: saddlebrown;
		padding: 5px;
		display: block;
		color: #fff;
		height: 100%;
		width: 100%;
	}

.Square {
	height: 10px;
	width: 10px;
	margin-left: 3px;
	padding-left: 15px;
	display: inline-block;
}

.SquareInterview, .EventInterview .asw_event_inner {
	background-color: darkorange;
}

.SquareToDo, .EventToDo .asw_event_inner {
	background-color: darkred;
}

.SquareTickle, .EventTickle .asw_event_inner {
	background-color: yellow;
}

.SquareTickleReminder, .EventTickleReminder .asw_event_inner {
	background-color: darkslategrey;
}

.SquareCaseNextStep, .EventCaseNextStep .asw_event_inner {
	background-color: darkgreen;
}

.SquareReminder, .EventReminder .asw_event_inner {
	background-color: darkmagenta
}

.SquareMyAvailability, .EventMyAvailability .asw_event_inner {
	background-color: saddlebrown;
}

.SquareEvent, .EventEvent .asw_event_inner {
	background-color: darkslateblue
}

@media screen and (max-width: 1000px) {
	.timeslot {
		display: block;
	}
}

.MatrixHasInvoice:before {
	content: "$";
	background-color: darkred;
	color: white;
	border: 1px solid silver;
	float: right;
	height: 20px;
	width: 15px;
	font-size: 11px;
	text-align: center;
	vertical-align: middle;
}

table.table-responsive {
	display: table;
}

@media screen and (max-width: 900px) {
	table.table-responsive {
		display: block;
	}
}

.navbar-nav li.active {
	text-decoration: underline;
}



.DashboardPanel {
}


.DashboardTable th, .DashboardTable td {
	padding: .20rem;
}



/* Display slideOut */
.showSlideOut {
	right: 0px !important;
}

@media only screen and (max-width: 1026px) {
	#slideOutNote {
		display: none;
	}

	#slideOutEvent {
		display: none;
	}
}

#slideOutNote {
	position: fixed;
	width: 400px;
	height: 800px;
	top: 30px;
	right: -400px;
	/* Animation  */
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	z-index: 10;
}

/* Tab */
.slideOutTabNote {
	/* margin-top: 50px;*/
	position: absolute;
	left: -40px;
	top: 230px;
	height: 200px;
	width: 40px;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	color: white;
	background: #1a293e;
	border-radius: 15px 0px 0px 15px
}

	.slideOutTabNote div {
		text-align: center;
		position: relative;
		right: 70px;
		top: 90px;
		width: 180px;
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		writing-mode: lr-tb;
	}


#slideOutEvent {
	position: fixed;
	width: 400px;
	height: 800px;
	right: -400px;
	/* Animation  */
	transition-property: all;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(0, 1, 0.5, 1);
	z-index: 10;
}

.slideOutTabEvent {
	/* margin-top: 50px;*/
	position: absolute;
	left: -40px;
	height: 200px;
	width: 40px;
	-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
	color: white;
	background: #1a293e;
	border-radius: 15px 0px 0px 15px
}

	.slideOutTabEvent div {
		text-align: center;
		position: relative;
		right: 70px;
		top: 90px;
		width: 180px;
		-webkit-transform: rotate(270deg);
		-moz-transform: rotate(270deg);
		-o-transform: rotate(270deg);
		writing-mode: lr-tb;
	}

.modalSlideOut {
	position: relative;
	display: inline;
}

.modalSlideOutTab {
	height: 80%;
	border-color: #1a293e;
}

.modal-headerSlideOutTab {
	background: #1a293e;
}

	.modal-headerSlideOutTab button {
		color: white;
		border-top-left-radius: 0;
	}

.modal-bodySlideOutTab {
	padding-right: 45px;
	height: 600px;
	overflow: auto;
}


/* time docketing picker - timepickerEnter.js */
.timepickerEnter {
	position: absolute;
	z-index: 1000;
	float: left;
	width: 160px;
	padding-bottom: 5px;
	margin: 2px 0 0 0;
	list-style: none;
	text-align: center;
	background-color: #fff;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, 0.15);
	border-radius: 4px;
	-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
	background-clip: padding-box;
}

	.timepickerEnter:before,
	.timepickerEnter:after {
		content: '';
		border-top: 0;
		display: inline-block;
		position: absolute;
	}

	.timepickerEnter .icon-up {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MjMyRjZENzU1NjIxMUU3OTkwMjhDMDYyNDEwRUNBQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MjMyRjZEODU1NjIxMUU3OTkwMjhDMDYyNDEwRUNBQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUyMzJGNkQ1NTU2MjExRTc5OTAyOEMwNjI0MTBFQ0FBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUyMzJGNkQ2NTU2MjExRTc5OTAyOEMwNjI0MTBFQ0FBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GdMqPQAAAZdJREFUeNrUmMlKxEAQhlsE8eQSFyTxWTx5Vhx1xn3XkydvvoMgCOJV8CUUd8UFL+rFN/AV3B39GybQBDNWdTpJpeCDQKqT+ajqJaNUulEG52Af9KuCxiKogp8a76BSNIkVQ8DkE4wXXcKUmZAusRxppzg+JFdmiSAQlRkruoTZZhVJElVLkbAyucssJJQQsTTPO5IwK1POY7P7Jv7AQ3AnUYbTTlqiGXSDB0abjUqSOAItxlhfigxnThxHJGxkdJuNuJaYY8yJkxiJMALwyKiMM5lZpkQr4ZkBozJvYDhLiVPQxni2z5Qp2UrMgC/ii86YEraVGeK+YDoDCRuZV47MFKOd9Gdsu4N56DNlBikS1EpcAM/hyhi4kuFIXDqqRDR6k8pMMiU8lV74jH3mBQyEA0uCJGzaTMv06UFPxAFXoCPDEzZHRh9O1TNRwlPZB/U4c6+TN/9JugadOX6FUmTWdGIT2ItJuAVdAv4XqCezDRrDRH2xG0m4ESJRb2ne+iuxAazXJs5GSvtE0ugBO+AArJo3fgUYAKf2/v/Eyp9gAAAAAElFTkSuQmCC);
	}

	.timepickerEnter .icon-down {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MzU2NEE0ODU1NjIxMUU3ODcxRUQxRjVDQkRBMzYxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MzU2NEE0OTU1NjIxMUU3ODcxRUQxRjVDQkRBMzYxNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzNTY0QTQ2NTU2MjExRTc4NzFFRDFGNUNCREEzNjE1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYzNTY0QTQ3NTU2MjExRTc4NzFFRDFGNUNCREEzNjE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NuD5CwAAAaNJREFUeNrUmMlKxEAQhlsE8aSOG5LxWTx5Vhx1dNz3kydvvoMgCOJV8CUUd8UFL44X38BXcBl1xr9gGjSYpCtJd2oKPphDpdPfVHV3EqX+xjo4AnugT8mLHNgCx2ATNP2XtANqvyiDfkESPeDON8d90KwT6MeuL0HzBPJCJO4D5ngAWihpIyBBikw3uI2Y4zYlPkYkZSnTCW4M5vei6gunZkDZsUyXoQTxTBcMgFdhMlSJa8M5fYGCvnCIIUNt5gmSmPYPMAzeGJWxsTXnmBIzQQNxZfIpV+IqDYm4Ml5Klbg0vOe3iYSOEYeV6QAXjErMcm9AMu+WZbgSc3H/rQJTxmNKnDPaaT5p/45aqEw7OHMpoWMMfDDOmTCZNqbEQtp7PMlUErYZSZwajlEFi7ZO3XFGZfwyJHHCkFiy/RzElekFrYyHUycSOoqMNntgSNCaWHb9rsCRyXxNRMUEo83EtFOYTCWhxIqULxwk8xlTRIyEjskYlREnoaNkKEPttKqEx5RBm62pBolSiEzDSARtzdUsDru0YhAc1l9jizZv9CPAACzc/v9R+XQaAAAAAElFTkSuQmCC);
	}

	.timepickerEnter .icon-up,
	.timepickerEnter .icon-down {
		display: inline-block;
		width: 55px;
		height: 38px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: 45%;
		opacity: .4;
		cursor: pointer;
	}

		.timepickerEnter .icon-up:hover,
		.timepickerEnter .icon-down:hover {
			opacity: .7;
		}

	.timepickerEnter:before {
		top: -7px;
		left: 6px;
		border-left: 7px solid transparent;
		border-right: 7px solid transparent;
		border-bottom: 7px solid rgba(0, 0, 0, 0.15);
		border-bottom-color: rgba(0, 0, 0, 0.2);
	}

	.timepickerEnter:after {
		top: -6px;
		left: 7px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #fff;
	}

	.timepickerEnter .title {
		padding: 10px 0 5px 0;
		color: #888;
		width: 100%;
		cursor: default;
	}

	.timepickerEnter .cell-2 {
		float: left;
		width: 20%;
		min-height: 14px;
		cursor: default;
	}

	.timepickerEnter .cell-4 {
		width: 40%;
		float: left;
	}

	.timepickerEnter .handle,
	.timepickerEnter .text {
		position: relative;
	}

	.timepickerEnter .chose-all {
		position: relative;
		margin: 0 10px 0 10px;
	}

		.timepickerEnter .chose-all .text {
			font: bold 18px/22px arial, sans-serif;
		}

	.timepickerEnter a {
		color: #aaa;
		text-decoration: none;
	}

	.timepickerEnter .text {
		color: #666;
	}

		.timepickerEnter .text a {
			color: #444;
		}

			.timepickerEnter .text a:active,
			.timepickerEnter .text a:focus,
			.timepickerEnter .text a:hover {
				color: #222;
			}

	.timepickerEnter ul {
		list-style: none;
		padding: 0;
		margin: 0 5px;
	}

	.timepickerEnter li.cell-2 {
		padding: 3px 0;
		cursor: pointer;
	}

		.timepickerEnter li.cell-2:hover {
			background: #ccc;
			color: #555;
		}

.gridIconhidden {
	display: none;
}



.TreeTop table {
	width: auto;
}

.TreeNodes {
}

.TreeNodeLevel1 {
	text-decoration: none !important;
}

.TreeNodeLevel2 {
	text-decoration: none !important;
}

.TreeNodeLevel3 {
	text-decoration: none !important;
}

.TreeNodesKB {
}

.TreeNodeKB1 {
	text-decoration: none !important;
	background-color: gray;
	width: 100%;
	font-weight: bold;
}

.TreeNodeKB2 {
	text-decoration: none !important;
	background-color: darkgray;
	width: 100%;
	font-weight: 300;
}

.TreeNodeKB3 {
	text-decoration: none !important;
	cursor: help;
	background-color: silver;
	width: 100%;
}

.TreeNodeKB4 {
	text-decoration: none !important;
	cursor: help;
	background-color: silver;
	width: 100%;
}

.recentCase table {
	/*	table-layout: fixed;*/
}

.spinner-border {
	font-size: 12px;
	width: 20px;
	height: 20px;
}

.SkillLevel {
	height: 25px;
	width: 25px;
	margin-bottom: 4px;
}

.gvcolumn-word-wrap {
	word-wrap: break-word;
	word-break: break-word;
	white-space: normal
}