/*
	This file can be included AFTER csdbstyle.css to apply iset colors to the styles
*/
.jp-bg-gray, .jp-bg-grey { background-color: #e0e0e0; color: #424242; }
.jp-bg-light { background-color: #ececec; color: #424242; }
.jp-bg-dark { background-color: #424242; color: white; }
.jp-primary { color: #f68b1f; }
.border-primary { border-color: #005a59; }
.border-dark { border-color: #4c4c4c; }
.border-light { border-color: #e0e0e0; }
.border-grey { border-color: #999999; }

body { color: #424242; }
.jp-footer {
	background-color: #424242;
	color: #bdbdbd;
}
.jp-top-nav {
	background-color: #005a59;
	color: white;
	border-bottom: 2px solid #424242;
}
.jp-top-subclient-nav {
	background-color: #cccccc;
}
.jp-body a.nav-muted-item { color: #009f8d; }
.jp-body a.nav-muted-item:hover { color: #00b39e; }
.jp-side-nav-container {
	background-color: #005a59;
	color: white;
}
.jp-side-nav-item:hover, .jp-side-nav-item.active {
	background-color: #009f8d;
}
.jp-body a.jp-side-nav-item, .jp-body a.jp-side-nav-item:hover {
	color: white;
}
.table .thead-primary th {
	color: white;
	background-color: #005a59;
	border-color: #005a59;
}
.table .thead-dark th {
	color: white;
	background-color: #4c4c4c;
	border-color: #4c4c4c;
}

.striped-container { background-color: #ececec; }
.striped-container .stripe-grey { background-color: #ececec !important; }

.paging-container .paging-control { color: #f68b1f; }
.paging-container .paging-control:hover { color: #f7993b; }

.result {
	background-color: #ececec;
	border: 1px solid #ececec;
}
.employee-details { background-color: #ececec; }
.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: #424242;
}
.nav.link-tabs .nav-link.active { color: #424242; }
.nav.link-tabs .nav-link.active::after { border-bottom: 2px solid #f68b1f; }
.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: #424242;
}
.nav.heading-tabs .nav-link.active { color: #424242; }
.nav.heading-tabs .nav-link.active::after { border-bottom: 2px solid #f68b1f; }
.navbar-light #jp-top-nav-toggle {
	border-color: #424242;
	background-color: #ececec;
}

.jp-body a { color: #f68b1f; }
.jp-body a:hover { color: #f7993b; }
.jp-body a.dark { color: #424242; }
.jp-body a.hover-dark:hover { color: #424242; }
.jp-body a.primary { color: #f68b1f; }
.jp-body a.hover-primary:hover { color: #f7993b; }
.jp-body .jp-footer a { color: #bdbdbd; }

.input-group-text {
	background-color: #bdbdbd;
	color: #595959;
	border-color: #999999;
}
.form-control:focus {
	border-color: #f68b1f;
	box-shadow: 0 0 0 0.2rem rgba(246,139,21,.45);
}

span.check-wrap input:checked + span::after { color: #005a59; }
span.radio-wrap input:checked + span::after { background-color: #005a59; }

.btn-dark, .btn-dark.disabled, .btn-dark:disabled {
	background-color: #424242;
	border-color: #424242;
}
.btn-dark:hover, .btn-dark:focus, .btn-dark:active,
.btn-dark:not(:disabled):not(.disabled):active {
	background-color: #595959;
	border-color: #595959;
}
.btn-outline-dark, .btn-outline-dark.disabled, .btn-outline-dark:disabled {
	color: #424242;
	border-color: #424242;
}
.btn-outline-dark:hover, .btn-outline-dark:focus, .btn-outline-dark:active,
.btn-outline-dark:not(:disabled):not(.disabled):active {
	background-color: #424242;
	border-color: #424242;
	color: white;
}
.btn-primary, .sweet-alert button, .btn-primary.disabled, .btn-primary:disabled {
	background-color: #009f8d;
	border-color: #009f8d;
}
.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: #00b39e !important;
	border-color: #00b39e;
}
.btn-outline-primary, .sweet-alert button.cancel {
	color: #009f8d;
	border-color: #009f8d;
}
.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: #009f8d;
	border-color: #009f8d;
}

.sweet-alert, .sweet-alert p, .sweet-alert h2 { color: #424242; }
.sweet-alert input { color: #424242; }
.sweet-alert input:focus {
	border: 1px solid #999999;
	box-shadow: 0 0 0 0.2rem rgba(246,139,21,.45);
}
.sweet-alert button { background-color: #009f8d !important; }
.sweet-alert button:hover, .sweet-alert button:focus, .sweet-alert button:active { background-color: #009f8d !important; }
.sweet-alert button.cancel:hover, .sweet-alert button.cancel:focus, .sweet-alert button.cancel:active { background-color: #009f8d !important; color: white !important; }

.mail-notification-dot, .bell-notification-dot { background-color: #f68b1f; }
.mail-toggle:hover .mail-notification-dot, .mail-toggle-clientportal:hover .mail-notification-dot { background-color: #f7993b; }
.notification-toggle:hover .bell-notification-dot { background-color: #f7993b; }

.fa-star.jp-blue { color: #f68b1f; }
.jp-top-nav a.mail-toggle.muted.hover-dark { color: #009f8d; }
.jp-top-nav a.mail-toggle.muted.hover-dark:hover { color: white; }
.jp-top-nav a.mail-toggle-clientportal.muted.hover-dark { color: #009f8d; }
.jp-top-nav a.mail-toggle-clientportal.muted.hover-dark:hover { color: white; }
.jp-top-nav a.notification-toggle.muted.hover-dark { color: #009f8d; }
.jp-top-nav a.notification-toggle.muted.hover-dark:hover { color: white; }
.jp-top-nav a.muted.hover-dark[title='Calendar'], .jp-top-nav a.muted.hover-dark[title='Event Calendar'] { color: #009f8d; }
.jp-top-nav a.muted.hover-dark[title='Calendar']:hover, .jp-top-nav a.muted.hover-dark[title='Event Calendar']:hover { color: white; }

.fm-folder.highlight > .fm-folder-title, .file-result.highlight {	
	box-shadow: 0px 0px 5px 2px #f7993b !important;
}