html,
body {
	height: 100%;
	font-family:
		'SofiaProMediumAz',
		-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: 0.875rem;
	font-weight: 500;
	line-height: 1.5;
	color: #3c4b64;
}

.form-group {
	margin-bottom: 20px;
}

/* alleaves navbar */
.alleaves-nav,
.alleaves-nav {
	color: #ccc;
	background-color: #2b3142;
}
.alleaves-nav .dropdown-menu {
	color: #ccc;
	background-color: #191e28;
	border-style: inset;
	border: solid 1px #7a859c;
}

div#alleaves-navbar > ul {
	margin-right: 100px;
}

.breadcrumb-nav {
	display: flex;
	flex-flow: row nowrap;
	align-items: stretch;
	justify-content: space-between;
	margin-bottom: 1rem;
}
.breadcrumb-nav > .breadcrumb {
	margin-bottom: 0;
}
.breadcrumb-nav > ol {
	flex: 1;
}

.btn-back-top-pos {
	display: inline-flex;
	flex-flow: row nowrap;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	font-size: 16px;
}
.btn-back-top-pos.hidden {
	display: none;
}
.btn-back-top-pos > * {
	margin: 0;
	display: inline-block;
	vertical-align: middle;
	position: relative;
}
.btn-back-top-pos > span:last-of-type {
	top: 1px;
}

/* Help Desk Menu */
.help-desk:hover {
	color: blue;
}
.alleaves-nav.alleaves-nav-top {
	background-color: #191e28;
	font-size: 1rem;
	padding: 0;
}

.alleaves-nav .location {
	color: #c7dd7a;
	text-decoration: none;
}

.alleaves-nav .dropdown-item svg {
	display: inline-block;
}

.alleaves-nav .dropdown-item.active {
	background-color: #c7dd7a !important;
	color: #191e28 !important;
}

.alleaves-nav .nav-link.active {
	color: #c7dd7a !important;
}

.alleaves-nav .nav-link.active path {
	fill: #c7dd7a;
}

.alleaves-nav .dropdown-menu .dropdown-item {
	color: #ccc;
}

.alleaves-nav .dropdown-menu .dropdown-item:hover {
	background-color: #2b3142;
}
.alleaves-nav .dropdown-menu .dropdown-item:focus {
	background-color: #c7dd7a;
	color: #191e28
}

.alleaves-nav .nav-title-text {
	vertical-align: middle !important;
	margin-left: 0.5rem !important;
	font-size: 1rem;
}

#nav-settings-dropdown .dropdown-toggle::after {
	display: none !important;
}

/* /alleaves navbar */

.alleaves-pills .nav-link {
	border-bottom-width: 3px;
	border-bottom-color: #e5e5e5;
	border-bottom-style: solid;
	background-color: white;
	border-radius: 0rem;
	color: #3c4b64;
}

.alleaves-pills .nav-item:not(:last-child) .nav-link {
	border-right-width: 1px;
	border-right-color: #dfdfdf;
	border-right-style: solid;
}

.alleaves-pills .nav-link.active {
	border-bottom-width: 3px;
	border-bottom-color: #acbd73;
	border-bottom-style: solid;
	background-color: white;
	font-size: 0.875rem;
	font-weight: 700;
	line-height: 1.5;
	color: #3c4b64;
}

.alleaves-pills .nav-link.disabled {
	background-color: #d9d9d9;
	color: #7c8ba4;
}

.alleaves-pills .nav-link:hover {
	background-color: #e5e5e5;
}

.k-dropdownlist.incomplete,
.k-multiselect.incomplete,
.k-combobox.incomplete,
.k-autocomplete.incomplete,
.k-textbox.incomplete,
input.incomplete,
textarea.incomplete,
tr.incomplete,
td.incomplete,
.nav-item.incomplete .nav-link,
div.incomplete input,
select.incomplete,
.k-master-row.incomplete,
.ui-select-container.incomplete {
	background-color: #f8d7da !important;
}

.incomplete.k-state-selected {
	background-color: #428bca !important;
}

.k-grid .incomplete td {
	border-style: solid;
	border-color: #ccc;
	border-width: 0 0 1px 1px;
}

.input-label {
	position: relative;
	display: inline-block;
	width: 100%;
}

.input-label-input {
	padding-right: 50px;
}

.input-label-text {
	position: absolute;
	right: 8px;
	top: 8px;
}

.borderless td,
.borderless th,
.borderless tr {
	border: none;
}

.borderless tbody,
.borderless thead {
	border: none !important;
}

/* fix select css. */
.st-sort-ascent:after {
	content: ' \25B2';
}

.st-sort-descent:after {
	content: ' \25BC';
}

.caret {
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 4px solid;
	display: inline-block;
	margin-left: 0;
	vertical-align: middle;
	width: 0;
}

.ui-select-toggle.btn {
	border: 1px solid #ced4da;
}

.ui-select-choices.dropdown-menu {
	display: block;
}

.ui-select-match-text {
	max-height: 24px;
}

.ui-select-match.btn-default-focus {
	border-radius: 0.25rem;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
	outline: 0;
}

.ui-select-match.btn-default-focus > .ui-select-toggle {
	border-color: #80bdff;
}

.ui-select-multiple .ui-select-match-item {
	border: 1px solid #bbb;
}

.ui-select-multiple.ng-not-empty .ui-select-search {
	border-top: 1px solid #ddd !important;
}

.ui-select-toggle .cil,
.ui-select-toggle a:hover {
	color: #3c4b64;
	text-decoration: none;
}

.selectize-control > .selectize-dropdown {
	top: 36px;
}
/* Some additional styling to demonstrate that append-to-body helps achieve the proper z-index layering. */
.select-box {
	background: #fff;
	position: relative;
	z-index: 1;
}

.alert-info.positioned {
	margin-top: 1em;
	position: relative;
	z-index: 10000; /* The select2 dropdown has a z-index of 9999 */
}

div#toast-container {
	position: absolute;
	top: 5px;
	right: 10px;
	z-index: 3000000;
}

.toast {
	z-index: 3000000;
}

.toast-success {
	color: #18603a !important;
	background-color: #d5f1de;
	border: 1px solid #c4ebd1;
}

.toast-success > .toast-header {
	color: #18603a !important;
	background-color: #c4ebd1;
}

.toast-danger {
	color: #772b35 !important;
	background-color: #fadddd;
	border: 1px solid #f8cfcf;
}

.toast-danger > .toast-header {
	color: #772b35 !important;
	background-color: #f8cfcf;
}

.toast-info {
	color: #1b508f !important;
	background-color: #d6ebff;
	border: 1px solid #c6e2ff;
}

.toast-info > .toast-header {
	color: #1b508f !important;
	background-color: #c6e2ff;
}

.toast-warning {
	color: #815c15 !important;
	background-color: #feefd0;
	border: 1px solid #fde9bd;
}

.toast-warning > .toast-header {
	color: #815c15 !important;
	background-color: #fde9bd;
}

.toast-primary {
	color: #1a107c !important;
	background-color: #d6d2f8;
	border: 1px solid #c6c0f5;
}

.toast-primary > .toast-header {
	color: #1a107c !important;
	background-color: #c6c0f5;
}

.toast-dark {
	color: #333a4e !important;
	background-color: #e0e2e6;
	border: 1px solid #d3d7dc;
}

.toast-dark > .toast-header {
	color: #333a4e !important;
	background-color: #d3d7dc;
}

.toast-secondary {
	color: #333a4e !important;
	background-color: #e0e2e6;
	border: 1px solid #d3d7dc;
}

.toast-secondary > .toast-header {
	color: #333a4e !important;
	background-color: #d3d7dc;
}

.ui-select-choices-group-label {
	color: #39f;
	font-weight: bold;
	font-size: 1.2em;
}

.k-state-selected a {
	color: white !important;
	text-decoration: underline;
}

@font-face {
	font-family: 'SofiaProMediumAz';
	src: url('../assets/fonts/SofiaProMediumAz.otf') format('opentype');
}

/* temp class until angular loads */

.ng-hide {
	display: none;
}