﻿body {
	--custom-color: rgba(5, 172, 114, 1);
	--custom-color-2: rgba(5, 172, 114, 0.1);
	font-family: Heebo;
	font-size: 16px;
}

.Ltr {
	direction: ltr;
}
.FlexContainer {
	display: flex;
}
.Page {
	background-color: rgba(229, 229, 229, 1);
}
	.Page .BreadCrumbs {
		color: rgba(38, 40, 41, 1);
		font-size: 13px;
		margin-right: 20px;
		margin-top: 5px;
	}

	.Page .PageHeader {
		font-size: 26px;
		margin-right: 40px;
		margin-top: 10px;
	}

	.Page .PageContent {
		margin-left: 40px;
		margin-right: 40px;
		margin-top: 10px;
	}

	@media (max-width: 600px) {
		.Page .PageContent {
			margin-left: 5px;
			margin-right: 5px;
		}
	}

		.Page .PageContent.Style1 {
			background-color: #ffffff;
			border-radius: 10px;
			padding: 10px;
		}

.Clickable {
	cursor: pointer;
}

	.Clickable:hover {
		opacity: 0.5;
	}

.PageSubHeader {
	color: #262829;
	font-size: 14px;
	margin-right: 14px;
	margin-top: 5px;
}
.PageBody {
	background-color: #ffffff;
	margin: 10px;
	padding: 10px;
}

.MessageBoxIcon {
	text-align: center;
}
	.MessageBoxIcon img {
	}

.InputWithPlusAndMinusLabel {
	margin-top: 10px;
}

.InputWithPlusAndMinus {
	border-color: #cfcfcf;
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	display: flex;
}
	.InputWithPlusAndMinus input {
		text-align: center;
		width: calc(100% - 60px);
	}
	.InputWithPlusAndMinus div {
		font-size: 24px;
		font-weight: 500;
		text-align: center;
		width: 30px;
	}

.Overlay {
	background-color: rgba(152,152,152,0.5);
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	width: 100vw;
	z-index: 1000;
}
	.Overlay .Loader {
		animation: rotate 1s linear infinite;
		border: 5px solid;
		border-radius: 50%;
		border-top-color: transparent;
		color: #5a5a5a;
		display: inline-block;
		height: 48px;
		margin-top: calc(50vh - 24px);
		margin-right: calc(50vw - 24px);
		width: 48px;
	}

@keyframes rotate {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}
input.NoStyle {
	background-color: transparent;
	border: none;
	outline: none;
}

.TextLink {
	color: #555555 !important;
	cursor: pointer;
	text-decoration: underline !important;
}

.hc-table {
	max-width: 100%;
	width: 100%;
}

	.hc-table th {
		border-bottom: solid 1px black;
		color: rgba(38, 40, 41, 1);
		font-size: 15px;
		font-weight: bold;
		padding: 7px;
	}

	.hc-table tr.Selected {
		opacity: 0.5;
	}

	.hc-table td {
		color: rgba(38, 40, 41, 1);
		font-size: 15px;
		padding: 7px;
	}

	.hc-table tfoot td {
		font-weight: 700;
	}

	.hc-table.striped tbody tr:nth-child(2n+1) {
		background-color: var(--custom-color-2);
	}

	.hc-table.striped tbody tr:nth-child(2n) {
		background-color: #ffffff;
	}

	.hc-table .Link {
		cursor: pointer;
		text-decoration: underline;
	}
		.hc-table .Link:hover {
			opacity: 0.8;
		}

	.hc-table tbody td.BorderBottom {
		border-bottom: dotted 1px #666666;
	}

	.hc-table.selectable tr {
		cursor: pointer;
	}

		.hc-table.selectable tr:hover {
			background-color: #eeeeee;
		}

.hc-tabs {
	border-bottom: solid 1px var(--custom-color);
	display: flex;
}

	.hc-tabs .hc-tab {
		background-color: var(--custom-color);
		border-top-left-radius: 6px;
		border-top-right-radius: 6px;
		color: #ffffff;
		cursor: pointer;
		margin-left:5px;
		min-width: 150px;
		opacity: 0.5;
		padding-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
		padding-top: 10px;
		text-align: center;
	}

		.hc-tabs .hc-tab:hover {
			text-decoration: underline;
		}

		.hc-tabs .hc-tab.Selected {
			opacity: 1;
		}

		.hc-tabs .hc-tab label {
			cursor: pointer;
		}

			.hc-tabs .hc-tab label:hover {
				text-decoration: underline;
			}

.ProgressBar {
	text-align: right;
}
.Progress {
	height: 3px;
}

.BorderedButton {
	background-color: #ffffff;
	border: solid 1px var(--custom-color);
	border-radius: 6px;
	color: var(--custom-color);
	outline: none;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}

@media print {
	.NoPrint {
		display: none;
	}
}

.SimpleButton {
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	font-weight: 400;
	outline: none;
	padding-bottom: 5px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
}

	.SimpleButton:hover {
		opacity: 0.5;
	}

	.SimpleButton:disabled {
		cursor: default;
		opacity: 0.5;
	}

	.SimpleButton.Primary {
		background-color: var(--custom-color);
		border-color: var(--custom-color);
		color: #ffffff;
	}

	.SimpleButton.Secondary {
		border-color: var(--custom-color);
		color: var(--custom-color);
	}

	.SimpleButton.Alt {
		background-color: transparent;
		border-color: var(--custom-color);
		color: var(--custom-color);
	}

.IconButton {
	border: solid 1px var(--custom-color);
	color: var(--custom-color);
	outline: none;
}

.ResultsCountBar {
	font-size: 19px;
	text-align: center;
}

	.ResultsCountBar button {
		width: 150px;
	}

	.ResultsCountBar .ProgressBar {
		margin-bottom: 20px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 5px;
		text-align: right;
		width: 300px;
	}

		.ResultsCountBar .ProgressBar .Progress {
			height: 3px;
		}

@media print {
	.HideOnPrint {
		display: none !important;
	}
}