/*
	colors for reference:
	
	light background grey		#e0e0e0;
	dark background grey		#4c4c4c;
	primary blue				#428bca;
	primary blue - hovered		#609dd2; (lighter)
	primary blue - hovered		#3276b1 (darker)
	
	default dark text			#4c4c4c;
	muted grey text				#999999;
	muted text hovered:			#777777;
	
	alert / warning red:		red
*/
.jp-blue { color: #428bca; }
.jp-primary { color: #428bca; }
.jp-muted { color: #999999; }
.jp-red, .validation-error { color: red; }
.jp-bg-grey, .jp-bg-gray { background-color: #e0e0e0; color: #4c4c4c; }
.jp-bg-light { background-color: #fafafa; color: #4c4c4c; }
.jp-bg-dark { background-color: #4c4c4c; color: white; }
.jp-bg-white { background-color: white; color: #4c4c4c; }
.border-primary { border-color: #428bca; }
.border-dark { border-color: #4c4c4c; }
.border-light { border-color: #e0e0e0; }
.border-grey { border-color: #999999; }

.text-strike { text-decoration: line-through; }

/* fonts */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('/jp/assets/fonts/roboto-light.eot');
  src: local('Roboto Light'), local('Roboto-Light'),
       url('/jp/assets/fonts/roboto-light.eot?#iefix') format('embedded-opentype'),
       url('/jp/assets/fonts/roboto-light.woff2') format('woff2'),
       url('/jp/assets/fonts/roboto-light.woff') format('woff'),
       url('/jp/assets/fonts/roboto-light.ttf') format('truetype'),
       url('/jp/assets/fonts/roboto-light.svg#Roboto') format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('/jp/assets/fonts/roboto.eot');
  src: local('Roboto'), local('Roboto-Regular'),
       url('/jp/assets/fonts/roboto.eot?#iefix') format('embedded-opentype'),
       url('/jp/assets/fonts/roboto.woff2') format('woff2'),
       url('/jp/assets/fonts/roboto.woff') format('woff'),
       url('/jp/assets/fonts/roboto.ttf') format('truetype'),
       url('/jp/assets/fonts/roboto.svg#Roboto') format('svg');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('/jp/assets/fonts/roboto-bold.eot');
  src: local('Roboto Bold'), local('Roboto-Bold'),
       url('/jp/assets/fonts/roboto-bold.eot?#iefix') format('embedded-opentype'),
       url('/jp/assets/fonts/roboto-bold.woff2') format('woff2'),
       url('/jp/assets/fonts/roboto-bold.woff') format('woff'),
       url('/jp/assets/fonts/roboto-bold.ttf') format('truetype'),
       url('/jp/assets/fonts/roboto-bold.svg#Roboto') format('svg');
}
body {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	background-color: white;
	color: #4c4c4c;
}

/* html, body, main layout */
html { height: 100%; }
.jp-body {
	height: 100%;
	overflow-y: auto;
	display: flex;
	flex-direction: column;
	font-size: 14px;
}
.jp-body.nav-showing {
	overflow-y: hidden;
}
.jp-top-nav {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	z-index: 10;
}
.product-choice-drop-content a.dropdown-item {
	font-size: 15px;
	padding: 8px 15px;
}
.product-choice-drop-content a.dropdown-item.indent-left { padding-left: 24px; }

.product-choice-drop-content a.dropdown-item:active,
.product-choice-drop-content a.dropdown-item:hover,
.product-choice-drop-content a.dropdown-item.selected,
.product-choice-drop-content a.dropdown-item.active {
	background-color: #eeeeee;
}
img.product-nav-image {
	display: inline-block;
	margin-right: 6px;
	vertical-align: text-bottom;
}
span.product-choice-drop-wording {
	vertical-align: middle;
	display: inline-block;
	margin-left: 1px;
	white-space: nowrap;
}

.jp-content {
	flex-grow: 1;
	position: relative;
}
.gap-between-buttons{
	margin-bottom: 25px;
	display: flex;
	justify-content: space-between;
}
.jp-footer {
	background-color: #4c4c4c;
	color: #999999;
	padding: 15px 0px;
	z-index: 10;
}
.jp-body.nav-showing .jp-footer {
	z-index: -1;
}
.jp-top-title-area {
	padding: 15px;
	border-bottom: 2px solid #e0e0e0;
}
.align-links {
	display: flex;
	flex-direction: column;
}
.jp-side-nav-container {
	position: fixed;
	top: 0px;
	bottom: 0px;
	right: 100%;
	width: 100%;
	padding: 100px 0px; /* for the top and bottom navbars */
	overflow-y: auto;
	z-index: 2;
	transition: right .4s ease;
}
.jp-side-nav-container.showing {
	right: 0%;
}
.jp-center-content-container {
	position: relative;
	margin-left: 0px;
	overflow: hidden;
	z-index: 1;
}
@media (min-width: 992px) {
	/* re-enable normal scroll settings */
	.jp-body.nav-showing { overflow-y: auto; }
	.jp-footer { z-index: 10 !important; }
	
	.jp-side-nav-container {
		right: auto !important;
		left: 0px !important;
		width: 250px;
		transition: none;
	}
	.jp-center-content-container { margin-left: 250px; }
}

/* navigation */
.jp-top-subclient-nav {
	background-color: #91B2CC;
	text-align: right;
	padding: 3px 30px;
	z-index: 3;
}
nav.jp-top-flag-nav {
	background-color: #f68b1f;
	padding: 3px 30px;
	z-index: 3;
}
.jp-top-nav {
	background-color: #e0e0e0;
	min-height: 54px;
	border-bottom: 2px solid #4c4c4c;
	padding: 0px 5px;
}
@media (min-width: 450px) {
	.jp-top-nav { padding: 0px 30px; }
}
.jp-top-nav-item img {
	max-height: 46px;
}
.navbar-light #jp-top-nav-toggle {
	margin-right: 15px;
	border-color: #4c4c4c;
	padding-left: 5px;
	padding-right: 5px;
}

.jp-side-nav-container {
	background-color: #e0e0e0;
	border-right: 2px solid #4c4c4c;
}
.jp-side-nav {}
.jp-side-nav-item {
	display: block;
	padding: 10px 10px 10px 30px;
	font-weight: bold;
	text-transform: uppercase;
}
.jp-side-nav-item:hover, .jp-side-nav-item.active {
	background-color: #cccccc;
}
.jp-side-nav-item .fa { width: 19px; }
.jp-body a.jp-side-nav-item, .jp-body a.jp-side-nav-item:hover {
	color: #4c4c4c;
	transition: padding-left .5s ease;
}
.jp-body a.jp-side-nav-item:hover { padding-left: 40px; }

/* bootstrap table overrides */
.table .thead-primary th {
	color: white;
	background-color: #3276b1;
	border-color: #3276b1;
}
.table .thead-dark th {
	background-color: #4c4c4c;
	border-color: #4c4c4c;
}
.table-striped tbody tr:nth-of-type(odd) { background-color: #fafafa; }
.table-hover tbody tr:hover {
	background-color: rgba(0,0,0,.075);
	color: #232323;
}
.table td.icon-td, .table-sm td.icon-td {
	padding-left: 8px;
	padding-right: 8px;
	text-align: right;
	white-space: nowrap;
}
.table td.input-container {
	padding-top: 3px;
	padding-bottom: 3px;
}
.table td.inline-input {
	padding: 2px;
}

/* loading icon */
.fa-jploading {
    border-radius: 50%;
    border-style: solid;
    border-width: 2px;
    border-color: #e0e0e0;
    border-top-color: #428bca;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    
    -webkit-animation: spin 1s linear infinite; /* Safari */
    animation: spin 1s linear infinite;
}

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

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

/* expandable intake forms */
.expandable-header {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.expandable-header > div {
	flex: 1 0 0px;
	font-size: 14px;
	line-height: 17px;
}
.expandable-header > div.expandable-header-icon {
	text-align: right;
	max-width: 40px;
}
.table.serviceItemTable td, .table.servicePaymentTable td {
	border-top: none;
	border-bottom: 1px solid #e0e0e0;
}
.table.serviceItemTable th, .table.servicePaymentTable th {
	border-top: none;
	padding-bottom: 0px;
	border-bottom: none;
	background-color: #e0e0e0;
}

/* striped bg container */
.striped-container {
	background-color: #e0e0e0;
	padding: 17px;
	border-radius: 4px;
}
.striped-container.stripe-light { background-color: #fafafa; }
.striped-container .stripe {
	margin-left: -15px;
	margin-right: -15px;
}
.striped-container > .stripe:first-child {
	margin-top: -15px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}
.striped-container > .stripe:last-child {
	margin-bottom: -15px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}
.striped-container > .stripe:nth-of-type(even) { background-color: #fafafa; }
.striped-container.stripe-light > .stripe:nth-of-type(even) { background-color: #e0e0e0; }
.striped-container .stripe-light { background-color: #fafafa !important; }
.striped-container .stripe-grey { background-color: #e0e0e0 !important; }
.striped-container .stripe-dark { background-color: #4c4c4c !important; color: white; }

.striped-container.striped-container-sm { padding-top: 5px; padding-bottom: 5px; }
.striped-container.striped-container-sm > .stripe:first-child { margin-top: -3px; }
.striped-container.striped-container-sm > .stripe:last-child { margin-bottom: -3px; }

/* pagination */
.paging-container {
	position: relative;
	user-select: none;
}
@media (min-width: 768px) {
	.paging-container { text-align: center; }
}
.paging-per-page-container {
	position: absolute;
	right: 0px;
	top: 0px;
	bottom: 0px;
}
.paging-container .paging-control {
	font-size: 18px;
	color: #428bca;
	vertical-align: middle;
}
.paging-container .paging-control:hover { color: #609dd2; }

.wellnes-link {
	display: block;
	margin-top: 10px;
}

/* unsaved marker */
.unsaved {
	position: relative;
	overflow: visible;
}
.unsaved::after {
	content: "";
	color: red;
	/*font-family: FontAwesome;*/
	font-weight: bold;
	position: absolute;
	left: 5px;
	top: 5px;
}
.link-tabs .nav-item.unsaved::after { left: auto; right: 10px; top: 3px; }
.btn.unsaved::after { left: -19px; top: 4px; font-size: 16px; }
.striped-container .btn.unsaved::after { left: -13px; }
.heading-tabs .nav-item.unsaved::after { left: auto; right: 15px; top: 5px; }
.expandable-header.unsaved::after { left: -15px; top: 5px; font-size: 18px; }
.employee-result-container.unsaved::after { left: -15px; top: 5px; font-size: 18px; }

/*body.unsaved .unsaved::after { content: "\f06a"; }*/
/*body.unsaved .unsaved::after { content: "\f12a"; }*/
body.unsaved .unsaved::after { content: "!"; }
.show-unsaved { display: none; }
body.unsaved .show-unsaved { display: block; }


/* search results */
.result {
	padding: 5px 8px;
	border-radius: 4px;
	background-color: #e0e0e0;
	border: 1px solid #e0e0e0;
	margin-bottom: 8px;
	width: 100%;
	display: flex;
	align-items: flex-start;
}
.result > * {
	flex-grow: 1;
}
.result:hover, .result.active { border-color: #999999; }
.result .result-image {
	max-width: 25%;
	font-size: 36px;
	margin-right: 10px;
	flex-grow: 0;
}
.result .result-text {
	line-height: 16px;
	font-size: 12px;
}
.result .result-text h5 {
	font-weight: bold;
	font-size: 14px;
	line-height: 18px;
	margin: 0px;
}
.result .result-text p { margin: 0px; }
.result .result-text a { display: inline-block; word-wrap: break-word; }
.result .priority-toggle {
	font-size: 14px;
}
.result .priority-toggle:hover { transform: scale(1.2,1.2); }

.detail-priority-toggle {
	display: inline-block;
	font-size: 18px;
	margin-left: 10px;
	vertical-align: top;
	padding-top: 5px;
}
.detail-priority-toggle:hover { transform: scale(1.2,1.2); }

.framed-icon-lg {
	font-size: 48px;
	padding: 10px;
	border: 2px solid #4c4c4c;
	background-color: white;
}
.framed-icon-xl {
	font-size: 64px;
	padding: 13px;
	border: 2px solid #4c4c4c;
	background-color: white;
}

.employee-result-container { margin-bottom: 8px; }
.result.employee-result { margin-bottom: -4px; position: relative; }
.result.employee-result.inactive {
	color: rgba(76,76,76,0.5);
}
.employee-details {
	background-color: #fafafa;
	padding: 9px 8px 20px 8px;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-radius: 0px 0px 4px 4px;
}

/* tabbed navigation - bootstrap overrides */
.jp-top-nav-item .nav-link { padding: 0px; }
.nav.link-tabs .nav-link {
	position: relative;
	color: #999999;
	margin-bottom: 5px;
}
.nav.link-tabs .nav-link:hover, .nav.link-tabs .nav-link:focus,
.nav.link-tabs .nav-link.active:hover, .nav.link-tabs .nav-link.active:focus {
	color: #428bca;
	outline: none;
}
.nav.link-tabs .nav-link.active { color: #4c4c4c; }
.nav.link-tabs .nav-link.active::after {
	content: "";
	border-bottom: 2px solid #609dd2;
	position: absolute;
	bottom: 0px;
	left: 13px;
	right: 13px;
}
.nav.link-tabs .nav-link::before {
	content: "";
	border-left: 1px solid #cccccc;
	position: absolute;
	left: -1px;
	top: 5px;
	bottom: 5px;
}
.nav.link-tabs .nav-item:first-of-type .nav-link::before { border-left: none; }

.nav.heading-tabs .nav-link {
	position: relative;
	color: #999999;
	font-size: 14px;
	padding-left: 0px;
	padding-right: 24px;
}
.nav.heading-tabs .nav-link:hover, .nav.heading-tabs .nav-link:focus,
.nav.heading-tabs .nav-link.active:hover, .nav.heading-tabs .nav-link.active:focus {
	color: #428bca;
	outline: none;
}
.nav.heading-tabs .nav-link.active { color: #4c4c4c; }
.nav.heading-tabs .nav-link.active::after {
	content: "";
	border-bottom: 2px solid #609dd2;
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 24px;
}

/* anchors and buttons */
.jp-body a, .clickable { cursor: pointer; }
.jp-body a {
	color: #428bca;
	transition: color .3s ease;
}
.jp-body a:hover {
	text-decoration: none;
	color: #609dd2;
}
.jp-body a.link-only, .jp-body a.link-only:hover {
	color: inherit;
	text-decoration: inherit;
}
.jp-body a.cannotVisit { color: #999999; pointer-events: none; }
.jp-body a.muted { color: #999999; }
.jp-body a.hover-muted:hover { color: #999999; }
.jp-body a.dark { color: #4c4c4c; }
.jp-body a.hover-dark:hover { color: #4c4c4c; }
.jp-body a.white { color: white; }
.jp-body a.hover-white:hover { color: white; }
.jp-body a.primary { color: #428bca; }
.jp-body a.hover-primary:hover { color: #609dd2; }
.jp-body a.underline { text-decoration: underline; }
.jp-body a.hover-underline:hover { text-decoration: underline; }

.jp-body .jp-footer a { color: #999999; }
.jp-body .jp-footer a:hover { color: white; }

.jp-body a.bold-inactive {
	font-weight: bold;
	color: inherit;
	text-decoration: inherit;
	pointer-events: none;
}
.jp-body a.inactive {
	color: inherit;
	text-decoration: inherit;
	pointer-events: none;
}

/* inputs and forms */
.input-group { margin-bottom: 10px; }
.input-group-text {
	min-width: 100px;
	background-color: #e0e0e0;
	color: #999999;
	border-color: #999999;
	text-align: center;
	justify-content: center;
}
.form-control { border-color: #999999; }
.form-control::placeholder { color: #999999; opacity: 1; }
.form-control::-webkit-input-placeholder { color: #999999; }
.form-control:-ms-input-placeholder { color: #999999; }
.form-control::-ms-input-placeholder { color: #999999; }
.form-control.error, [data-reqprop].error, label.radio-container.error {
    box-shadow: 0 0 2px 1px red;
}
.form-control.form-control-inline {
	display: inline-block;
	width: auto;
}
.form-control.form-control-inline.date-control { max-width: 130px; }
.label-xs {
	margin: 8px 0px 0px 0px;
	font-size: 12px;
	line-height: 16px;
	/*text-transform: uppercase;*/
	font-weight: bold;
}
.form-control-xs {
	height: 23px;
	padding: 2px .5rem;
	font-size: 14px;
	line-height: 17px;
}
button.multiselect.form-control-xs.custom-select {
	padding-right: 34px;
	background-position-y: 5px;
	text-align: left;
}
span.multiselect-native-select { display: block; }
span.multiselect-native-select .btn-group { width: 100%; }
select.form-control.form-control-multiselect[multiple] { height: 23px; }

.input-group-xs .form-control,
.input-group-xs > .input-group-append > .input-group-text,
.input-group-xs > .input-group-prepend > .input-group-text {
	padding: 2px .5rem;
	height: 23px;
	font-size: 14px;
	line-height: 17px;
}
span.textarea, span.form-control { min-height: 38px; }
span.textarea.form-control-xs, span.form-control.form-control-xs { min-height: 23px; }
span.textarea {
	height: auto;
	white-space: pre-line;
}
span.textarea[data-rows='2'] { min-height: 62px; }
span.textarea[data-rows='3'] { min-height: 86px; }
span.textarea[disabled], span.textarea[readonly] {
	background-color: #e9ecef;
}

.currency-input-td input {
	margin-left: 2px;
	max-width: 100px;
}
.textarea-input-td textarea {
	width: 100%;
}

/* custom radio and checkboxes */
input[type='radio'], input[type='checkbox'], span.check-ui {
    width: 15px;
    height: 15px;
}
span.check-wrap, span.radio-wrap {
    display: inline-block;
    position: relative;
    width: 15px;
    height: 15px;
}
span.check-wrap input, span.radio-wrap input {
	z-index: 1;
    opacity: 0;
    margin: 1px;
    width: 13px;
    height: 13px;
}
span.check-wrap input.disabled, span.check-wrap input:disabled,
span.radio-wrap input.disabled, span.radio-wrap input:disabled {
	pointer-events: none;
}

span.check-wrap span, span.radio-wrap span {
	z-index: 2;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}
span.check-wrap span::before, span.radio-wrap span::before {
	content: " ";
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border: 1px solid #999999;
    border-radius: 3px;
    background: #e0e0e0;
    background-image: moz-linear-gradient(#e0e0e0, #dddddd);
    background-image: ms-linear-gradient(#e0e0e0, #dddddd);
    background-image: o-linear-gradient(#e0e0e0, #dddddd);
    background-image: webkit-linear-gradient(#e0e0e0, #dddddd);
    background-image: linear-gradient(#e0e0e0, #dddddd);
}

span.check-wrap.white-cb span::before, span.radio-wrap.white-cb span::before {
	background-image: none;
	background: white;
}

span.check-wrap input:checked + span::after {
	content: "\f00c";
	font-family: FontAwesome;
	font-size: 14px;
	line-height: 14px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 1px;
    right: 0px;
    color: #428bca;
}
span.radio-wrap input:checked + span::after {
    content: " ";
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 4px;
    right: 4px;
    background-color: #428bca;
    border-radius: 50%;
}

span.check-wrap input:disabled + span, span.radio-wrap input:disabled + span {
    opacity: 0.4;
    cursor: default !important;
}

span.radio-wrap span::before {
    border-radius: 50%;
}

.check-wrap input:focus + span::before,
.radio-wrap input:focus + span::before,
label:hover .radio-wrap span::before,
label:hover .check-wrap span::before,
.radio-wrap:hover span::before,
.check-wrap:hover span::before {
    border-color: #777777;
}

.check-wrap input:disabled:focus + span::before,
.radio-wrap input:disabled:focus + span::before,
label:hover .radio-wrap input:disabled + span::before,
label:hover .check-wrap input:disabled + span::before,
.radio-wrap:hover input:disabled + span::before,
.check-wrap:hover input:disabled + span::before {
    border-color: #777777;
}

label.radio-container {
    font-weight: normal;
    padding: 5px 20px;
    cursor: pointer;
    border-radius: 4px;
    border: 1px solid transparent;
    margin-bottom: 0px;
}
label.radio-container.disabled {
	cursor: default;
}
label.radio-container .radio-wrap, label.radio-container .check-wrap {
	margin: 2px 4px 0px 0px;
	vertical-align: top;
}
label.radio-container.hoverable:hover, label.radio-container.hoverable:focus-within {
	background-color: #fafafa;
	border-color: #e0e0e0;
}
label.radio-container.error {
	box-shadow: 0px 0px 2px 1px red;
}
label.radio-container.list-style {
	display: block;
	position: relative;
	min-height: 30px;
	padding-left: 50px;
}
label.radio-container.list-style .check-wrap, label.radio-container.list-style .radio-wrap {
	position: absolute;
	left: 15px;
	top: 7px;
}
label.radio-container.list-style.hoverable:focus-within {
	background-color: rgba(255,255,255,0);
	border-color: rgba(255,255,255,0);
}
label.radio-container.list-style.hoverable:hover:focus-within {
	background-color: #fafafa;
	border-color: #e0e0e0;
}

/*
	buttons - overriding btn-primary and btn-dark classes in particular
*/
a.disabled, button.disabled, .btn.disabled, button:disabled, .btn:disabled {
	opacity: 0.5;
	pointer-events: none;
}
.btn, .sweet-alert button {
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px 15px;
	line-height: normal;
	min-width: 85px;
	box-shadow: none !important;
	outline: none !important;
	transition: color .3s ease, background-color .3s ease, border-color .3s ease;
}
.btn.btn-sm { padding: 4px 8px; }
.btn.btn-xs {
	font-size: 10px;
	padding: 0px 8px;
}
.btn:focus, .btn:hover { outline: none; }
.btn-dark, .btn-dark.disabled, .btn-dark:disabled {
	background-color: #4c4c4c;
	border-color: #4c4c4c;
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active,
.btn-dark:not(:disabled):not(.disabled):active {
	background-color: #737373;
	border-color: #737373;
}
.btn-outline-dark, .btn-outline-dark.disabled, .btn-outline-dark:disabled {
	color: #4c4c4c;
	border-color: #4c4c4c;
}
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active,
.btn-outline-dark:not(:disabled):not(.disabled):active {
	background-color: #4c4c4c;
	border-color: #4c4c4c;
	color: white;
}
.btn-primary, .sweet-alert button, .btn-primary.disabled, .btn-primary:disabled {
	background-color: #428bca;
	border-color: #428bca;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active,
.btn-primary:not(:disabled):not(.disabled):active,
.sweet-alert button:hover, .sweet-alert button:focus, .sweet-alert button:active {
	background-color: #3276b1;
	border-color: #3276b1;
}
.btn-outline-primary, .sweet-alert button.cancel {
	color: #428bca;
	border-color: #428bca;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.sweet-alert button.cancel:hover, .sweet-alert button.cancel:focus, .sweet-alert button.cancel:active {
	color: white;
	background-color: #428bca;
	border-color: #428bca;
}

/* custom cheque req button/icon */
.chequereq, .jp-body a.chequereq {
	display: inline-block;
	padding: 2px 5px;
	color: #4c4c4c;
	border-radius: 4px;
	border: 1px solid #999999;
	text-align: center;
	font-size: 11px;
	line-height: 15px;
	cursor: pointer;
	transition: background-color .3s ease;
	white-space: normal;
	vertical-align: middle;
}
.chequereq::after { content: "Req"; }
.chequereq:hover {
	background-color: white;
	border-color: #777777;
}

/*
	info popups
*/
.fa-info-circle.info-trigger {
	font-size: 18px;
	cursor: pointer;
	position: relative;
	overflow: visible;
}
.input-group-text .fa-info-circle.info-trigger {
	color: #4c4c4c;
	margin-left: 5px;
}
.info-wrapper {
	z-index: 2000;
	min-width: 600px;
    position: absolute;
    top: 28px;
    left: -10px;
    cursor: auto;
}
.info-main-body {
	float: left;
    padding: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    background-color: white;
    font-weight: normal;
    text-transform: none;
    font-family: 'Roboto', Helvetica, Arial, sans-serif;
    font-size: 14px;
    color: #4c4c4c;
    text-align: left;
    max-width: 500px;
    overflow: hidden;
    opacity: 0;
    margin-top: -20px;
}
.info-main-body .fa-info-circle {
	font-size: 18px;
	float: left;
	margin-right: 10px;
	margin-top: 2px;
}
.info-main-body .info-message {
	line-height: 22px;
	white-space: normal;
}
.info-main-body button.close {
	margin-left: 12px;
	line-height: 20px;
	outline: none !important;
}
.info-wrapper.right {
	left: auto;
	right: -10px;
}
.info-wrapper.right .info-main-body { float: right; }

/*
	bootstrap modal overrides
*/
.jp-body.modal-open { overflow: hidden; }
.modal-header button.close {
	font-size: 36px;
	font-weight: normal;
	transition: opacity .2s ease;
	outline: none !important;
}
.modal-backdrop.show { opacity: 0.3; }
.dp-below {
	z-index: 1100; /* overtop of bootstrap modals */
}

/*
	sweetalert overrides
*/

.sweet-overlay {
	background-color: rgba(0,0,0,0.3);
	z-index: 3000;
}
.sweet-alert {
	border-radius: 0;
	border: 1px solid #999999;
	z-index: 3001;
}
.sa-error-container { display: none; }
.sweet-alert, .sweet-alert p, .sweet-alert h2 {
	font-family: 'Roboto', Helvetica, Arial, sans-serif;
	color: #4c4c4c;
}
.sweet-alert p { margin: 6px 0px; }
.sweet-alert h2 {
	font-size: 24px;
	margin: 0px;
}
.sweet-alert input {
	border: 1px solid #999999;
	color: #4c4c4c;
	box-shadow: none;
}
.sweet-alert input:focus {
	border: 1px solid #999999;
	box-shadow: 0px 0px 2px #428bca;
}
.sweet-alert button {
	background-color: #428bca !important;
	border-style: solid;
	border-width: 1px;
}
.sweet-alert button:hover, .sweet-alert button:focus, .sweet-alert button:active { background-color: #3276b1 !important; }
.sweet-alert button.cancel { background-color: white !important; }
.sweet-alert button.cancel:hover, .sweet-alert button.cancel:focus, .sweet-alert button.cancel:active { background-color: #3276b1 !important; color: white !important; }

.claimform_spacing{
	margin:8px 0px 0px 0px;	
	clear: both;
}
.combinedbuttons{
	border:1px solid #428bca; 
	color:#428bca; 
	margin: 0px 13px 0px 0px;
	background-color: transparent;
	background-repeat: no-repeat;
}
.combinebutton{
	float:left;
}
.claimform {
    float: left;
    margin-left:8px;
}
/*
	internal messaging
*/
.mail-toggle, .mail-toggle-clientportal, .notification-toggle {
	display: inline-block;
	position: relative;
}
.mail-notification-dot, .bell-notification-dot {
	position: absolute;
	width: 20px;
	height: 20px;
	left: -10px;
	top: -8px;
	border-radius: 10px;
	background-color: #428bca;
	color: white;
	font-size: 11px;
	line-height: 16.5px;
	font-weight: bold;
	text-align: center;
	padding-top: 3px;
	padding-right: 1px;
}
.bell-notification-dot {
	left: -9px;
	top: -8px;
}
.mail-notification-dot.over-nine, .bell-notification-dot.over-nine {
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
	padding-top: 2px;
}
.mail-toggle:hover .mail-notification-dot, .notification-toggle:hover .bell-notification-dot, .mail-toggle-clientportal:hover .mail-notification-dot {
	background-color: #3276b1;
}
.inbox-message-row, .outbox-message-row {
	cursor: pointer;
}
.attachment-download, .attachment-upload {
	display: inline-block;
	padding: 5px 8px;
	border-radius: 4px;
	background-color: #e0e0e0;
	border: 1px solid #e0e0e0;
	margin: 8px 10px 0px 0px;
	user-select: none;
	color: #4c4c4c !important;
}
.attachment-download:hover {
	border-color: #999999;
	cursor: pointer;
}
.hide{
	display: none;
}